Как сделать колонки с помощью гридов?

227
26 марта 2018, 23:23

Привет!
Есть меню, где-то одна колонка, где-то 3. На скрине ниже указал как должно быть
http://take.ms/JUYou

Сделал так: 

display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 22px;

Но в итоге теперь везде по три колонки. Как сделать правильно их? Может не гридами тогда, но флексы так не смогут вроде.
https://jsfiddle.net/pm14ur4L/3/

Answer 1

Та, которая должна занимать 3 колонки, в стиле пропишите grid-column: 1 / 4

READ ALSO
css анимация звука
CSS

css анимация звука

Привет ребята ! Хотел бы узнать вашего совета, я вроде не совсем отбитый но никак не могу понять как на эту анимацию иконки http://nisnomcom/veb-razrabotki/krasivaya-animatsiya

 208
как изменить ширину столбца в datatables
CSS

как изменить ширину столбца в datatables

как изменить ширину столбца в datatables? Он как-то автоматически подгоняется, а мне нужно задать ему фиксированную ширинуПробовал уже всё: и через...

 224
верстка 6-угольников
CSS

верстка 6-угольников

 202
Размещение карт-google со своей информацией
CSS

Размещение карт-google со своей информацией

Можно ли добавить гугл карты к себе на сайт и прикрепить к ним блок со своей информацией?

 199