Моя цель - создать диаграмму Ганта. Для этого я начал создавать отображаемую сетку с дисплеем 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
