Как сдвинуть разные по ширине и высоте блоки в CSS Grid?

Question

[Kirito Kirigaya]

Помогите пожалуйста разобраться в том: как укомплектовать блоки в контейнер.
Я их расположил на нужных местах но не понимаю как box05 и box06 сдвинуть к box04, что-бы box03 и box07 сдвинулись так-же левее..
CodePen

Answer 1

[Eduard07]

я думаю можно разбить не на 3 колонки, а на больше.... и тем же обозначать позиции блоков относительно колонок, например:
box01 будет с 1 к 4 колонки, box02 с 5 к 9, box03 с 10 к 14 например.... а уже box04 будет с 1 к 3, а box05 с 4 к 8...это для примера.

Comments

[Kirito Kirigaya]

Почти всё получилось спасибо!
Помоги пожалуйста сдвинуть box7 левее, не выходит.
ссылка та-же

[Eduard07]

Brendan Castaneda, там больше колонок нужно, сколько здвигов, столько и колонок.

[Kirito Kirigaya]

Eduard07, Да точно! Можно посчитать прям на макете сколько их нужно, при каждом сдвиге.
Спасибо ) Научил..