отсчитать элемент сетки, не перемещая элемент

1
задан Sebastian 17 March 2019 в 19:48
поделиться

1 ответ

Вы можете использовать свойство css grid-template-areas:, чтобы указать, какие элементы должны появляться и где.

Пример использования вашего кода:

#diagram-times {grid-area: topleft}
.main-diagram-1 {grid-area: topright;}
.main-diagram-2 {grid-area: botleft;}
.main-diagram-3 {grid-area: botright;}

.container {
  display: grid;
  grid-template-columns: 100px 100px;
  grid-template-rows: auto;
  grid-template-areas: 
  "topleft topright"
  "botleft botright"
}

Отличное руководство по сетке.

0
ответ дан Jensei 17 March 2019 в 19:48
поделиться