@Worddoc
Frontend explorer

Как сверстать justify-content: space-between так, чтобы при наличии одного/двух элементов они вставали в flex-start?

Есть такие блоки:
17eaff44a5294c06aa044add139807b3.PNG

Сверстал их с помощью display: inline-block и ширина в процентах. Но это не надежно, что-то может поехать при определенных условиях. Как можно сверстать эти блоки с помощью flex, а именно так, чтобы если мы имели 2 или 4 блока вместо всех 12-ти, то они бы вставали в flex-start? Либо можно сверстать это еще как-то?
  • Вопрос задан
  • 372 просмотра
Пригласить эксперта
Ответы на вопрос 2
Krasnodar_etc
@Krasnodar_etc
avito front
Ну, можно сразу сделать flex-start и отступы руками указать
Ответ написан
gzhegow
@gzhegow
aka "ОбнимиБизнесмена"
.list
  display block
  font-size 0

.list__item
  display inline-block
  font-size 1rem
  width 33.33333334%


И ничего не поедет.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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