Ещё чуть-чуть потерпеть

Как на линуксе. Или в России.

или в Беларуси
мда

окей окей. я про маргины знаю если что )

я простой путь показывал. но ладно

можно еще вспомнить флоаты и инлайн блоки. раньше на них подобные задачи решались

там точно гэпов нет :)

зато маргины схлопывались, вроде

я уже и не помню

так а зачем гэпы когда есть маргины? вон люди 14 лет на маргинах сидят и ничего

маргин на первом или последнем элементе))

бадум-тсс.гиф

а когда упадет на вторую строку?

и ты не знаешь, сколько их в строке

гэпы збс

#заметка дня

Давайте сегодня поговорим том, что иногда то, что выглядит как грид, на самом деле так же легко реализуется флексами. Ну мало ли.

Возьмём, например, чередующиеся колонки. Это очень часто встречающийся вопрос. В первой строке 3, во второй 2, в третьей опять 3 и так далее.

Первая мысль –  перед нами грид. Но CSS Grid сам по себе не решает вопрос повторяющихся шаблонных структур, в любом случае приходится применять nth-child. Так какая тогда разница?

Давайте просто сделаем:
https://codepen.io/alinaki/pen/zYNVqvL

И то же самое на гридах:
https://codepen.io/alinaki/pen/NWdZNGd

Число строк совершенно одинаковое. Возможно, на гридах и элегантнее, решать вам.

Бонус, flexbox + gap:
https://codepen.io/alinaki/pen/mdWdLrw

А вот яркий пример того, чего на флексе точно не сделать без дополнительных обёрток:
https://codepen.io/alinaki/pen/QWdXNYm

#css #flexbox #grid

вот

решите мне плиз проблему с первым примером на флексах

я знаю. ты ветку отследил кто на что отвечает? )))