Как сверстать список под этот макет?

Песочница (смотреть в viewport 768px):
codesandbox.io/s/create-react-app-22jzx
или
https://codesandbox.io/s/create-react-app-zi92t
Необходимо мапнутые массивы с "квадратами" (это в перспективе будут изображения, примерно 20х20 +- 2px) и текстом структурировать на странице под макет
5de28b2e2aaba245007087.png
Например, когда в макете бывает 3 элемента в строке, вместо четырех и надо как-то указать брейк. Ко всему прочему, у меня колонки так сказать inline, а я не понимаю, надо сделать хаотично.
Как это реализовать без костыльного присваивания width по ключу каждому элементу?
  • Вопрос задан
  • 316 просмотров
Пригласить эксперта
Ответы на вопрос 1
@VegasChickiChicki
display: flex;
justify-content: flex-start;
align-items: flex-start;

//именно это свойство сделает перенос на новую строчку, если места элементам не хватает
flex-wrap: wrap
//именно это свойство сделает перенос на новую строчку, если места элементам не хватает


p.s. могут быть ошибки, без автоподстановки пока не могу >.<

Если конечно я правильно понял в чем проблема...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы