Как в grid позиционировать элементы один под другим вне зависимости от ширины строки?

Question

[SHKD]

Всех приветствую!

Есть сетка:

display: grid;
  overflow: hidden;
  margin: 0;
  grid-template-columns: repeat(10, 1fr);
  grid-template-areas:
    "A A A A A A B B B B"
    "C C C C C C D D D D"
    "E E E E E E F F F F";

По итогу элементы сетки делают выравнивание к началу строки. Как сделать так, чтобы элемент начинался от края элемента предыдущей строки? Грубо строка 1 имеет элементы высотой 50 100 50, получается расстояние в 50 от элементов строки 2. А я хочу чтобы расстояния не было и они шли один под одним.

Answer 1

[imko]

https://caniuse.com/mdn-css_properties_grid-templa... Если у тебя не последний сафари то с гридом никак
Подобное поведение дает columns