R
Василий
Где про них прочитать? Я с помощью бутстрапа пытаюсь, но что-то не могу их в ряд разместить)
Крч, чтобы всем проще было - пихай 3 контейнера в каждый из них по 3 элемента
Size: a a a
2020 August 09
R
Не красиво и вообще я б так не делал
В
Сорри за глупые вопросы)
R
Но сработает в случае бутстрапа и тебе легко будет реализовать
R
Не в этом дело, просто сложно объяснить реализацию, если ты не в курсе хоть основ
В
Крч, чтобы всем проще было - пихай 3 контейнера в каждый из них по 3 элемента
с этим сложно будет) Я циклом for в шаблоне пробегаю по статьям. У меня в списке все статьи. Отловить по 3шт. даже не знаю как.
В
Первую и последнюю статью легко(есть функция), а вот по 3 не знаю как.
В
из-за этого не понимаю как мне в контейнеры их пихать
В
может есть другой способ? Типа максимум 3 элемента в троке, если 3 ячейки заполнилось, переход на новую строку и так пока не закончатся статьи
R
Дисплей флекс контейнеру
R
Flex flow row wrap
R
Даёшь дочерним элементам по 33 процента или чет похожее из относительных величин
R
И у тебя плитки строятся по 3 штуки в контейнере
BB
Господи вы что, какие флексы?
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
R
Господи вы что, какие флексы?
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
Действительно, ведь флекс не решит эту задачу, а кода то на пару строчек больше всего
В
Господи вы что, какие флексы?
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;
Все, сетка готова, внутрь в любом порядке заливай внутрь
это я назначаю контейнеру?
BB
Все что внутри, выстроится по 3 в ряд
BB
gap это своего рода margin для элементов сетки
В
Работает)