Позиционирование по умолчанию и перекрытие с CSS GRID ⇐ CSS

[Anonymous]

Моя цель - создать диаграмму Ганта. Для этого я начал создавать отображаемую сетку с дисплеем CSS: GRID; и мне удастся получить что-то, что выглядит для меня красивым. Grid-Column-Start < /code>, как в этом фрагменте: < /p>


.gantt
{
display : flex;
gap : 0;

margin : 1em;

.jour
{
padding : 1em;
height : 25px;

border : 1px solid #AAA;

width : 30px;
z-index : 0;

text-align : center;
align-self: center;

}

.zone_issues
{
display : grid;
grid-template-columns : repeat(3, 1fr);

.issue
{
z-index : 2;

margin : 0.8em;
padding : 0.3em 0 0.3em 1em;

align-self: center;
}

}

}< /code>




test issue

< /code>
< /div>
< /div>
< /p>
Я чувствую, что весь этот код CSS в ячейках и проблемах выглядит излишним. Есть ли возможность установить все фоновые ячейки в положениях по умолчанию и определять проблемы, чтобы перекрывать сетку?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... h-css-grid