Как выравнить flex или grid по ширине контейнера так чтобы нижние блоки сначала выравнивались?

Question

[kimqar_ver]

как выравнить flex по ширине контейнера так чтобы нижние блоки сначала выравнивались (можно гридами)

"блок с навигацией врачей"
Пробовал сделать через justify-content space between, но если добавлять к нижней строке еще один блок, то получается что снизу будет один блок слева, а другой справа

Comments

[drawnofmymind]

justify-content: flex-start

для элементов
margin-right: 15px;
flex-basis: 15%

мб так?

Answer 1

[Арсений Матыцин]

1. Берешь отступ, который у тебя должен быть между тегами.
2. Делишь его пополам.
3. Делаешь обертке тегов отрицательный отступ сверху и снизу равный половине отступа между тегами.
4. Реализуешь теги обычным flex-box без вые + flex-wrap:wrap.
5. Задаешь тегам отступ вверх и вниз равный половине отступу между тегами.
6. Всем остальным тегам задаешь отступ в право (не в лево) равный целому отступу между тегами.

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