Как на флексах сделать сетку, в которой одна колонка была заключена в фон?

Question

[Raul Abdullin]

Имеется дизайн доски (прикрепляю скрин).
Левая колонка (сайдбар) отличается от всех других колонок тем, что там имеется белый фон, но при этом содержимое этого белого фона равняется каждой из 5 колонок.
Как это можно реализовать на флексах?
PS. я начинающий верстальщик, очень большая просьба на понятном ламеру языке объяснить :)

Comments

[s-jet]

Ты правильно разбил задачу на части. Собственно у тебя будут два блока 1) слайдбар 2) контент. Внутри них уже выдавай свои карточки нужного размера. Это и с точки зрения бэка будет правильно, ты же отдашь потом кому-то все это хозяйство собирать

[Raul Abdullin]

s-jet, вот только как сделать, чтобы содержимое сайтбара было равно каждой из колонок?

[s-jet]

raulvodov, оно у тебя динамическое по ширине чтоли? У тебя по дизайну блоки все определенной ширины, вот и укажи ее в пискселях

Answer 1

[ElijahTr]

Как-нибудь так? https://codepen.io/elijah_tr/pen/veryxv
(Chrome, Firefox, IE11, Edge, и даже резиновое)

Comments

[Raul Abdullin]

спасибо огромное, очень крутая вещь флексы, теперь что-то даже не хочется бустрапом пользоваться :)