@freeman0204

Как красиво выровнять и адаптировать кнопки с помощью flexbox?

Код Набросал небольшой пример. Что я хочу. Раньше без флекс бокса что бы сделать отступы, делали это маргином и у последнего убирали маргин и если этот последний переносился на вторую строку при адаптиве, нужно было в медиа добавлять ему отступ, короче жесть. Особенно если 2-5 рядом кнопок.

Думал флекс бокс спасет меня от этого, там маргин по другому работает. Что помогло так это justify-content: space-between; да я без отступов визуально отступил друг от друга. Но почему самый левый элемент не в самом краю? Я специально сделал кнопки разной ширины. flex-wrap: wrap; переносит на вторую строку, но из за разной ширины эти кнопки смотрятся ужасно при переносе.
59296b5e45b648d8a1db5f8a3bdb40c8.png
Что я хочу. Подскажите как сделать на флексе без маргинов т.е. что бы я не писал в медиа потом то добавит отступ то нет. И что бы при переносе кнопки смотрелись более элегантно. Как это сделать?

И может как то на флексе можно и без нижнего маргина отступы сделать?
  • Вопрос задан
  • 530 просмотров
Пригласить эксперта
Ответы на вопрос 1
Dimensi
@Dimensi
Совсем недавно начал познавать верстку.
Я не совсем понял, что вы хотите. Маргины все равно нужны для вашей задачи, хотите вы этого или нет.
codepen.io/dimensi/pen/jqBoLo
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы