Как сверстать такое меню на grid?

Question

[freeman0204]

Есть такой дизайн

Это обычный список. Меню и подменю, список в списке. Нужно на телефоне сделать первый li в один столбец, а остальные 3 li справа один под другим. Как это реализовать на grid? Возможно это можно сделать на flex? Нужно без wrapper и оберток.

Comments

[Ankhena]

Как это реализовать на grid?

Так и реализовать.
Сказать, что первый li идет в первый столбик и занимает сколько нужно строк, остальные во второй.

[wadowad]

Если высота первого пункта всегда больше остальных, то можно отделаться обычным float: left;

Answer 1

[Yulia Khavaeva]

Советую глянуть серию роликов по грид, может найдешь ответ

https://www.youtube.com/playlist?list=PLM6XATa8CAG...