Display: flex; универсальные блоки с отступами, проблема адаптации и отсупов, как исправить?

Универсальный адаптивный метод блоков.

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

4 блока в ряд стоит. Они могут быть разные один 25%, другой 20%, еще один 30% и еще один 25%.
При адаптации, когда я дисплай флекс делаю в flex-wrap: wrap;, и у блоков меняю width 50%, ставлю чтобы в линию не 4 блока было, а 2, ну и у второго блока убираю отступ margin-right: 0;, у меня не становятся из-за отступов блоки в линию, уже проверял, если убрать отступы то все становиться, бох сизе не помогает тож.

Я вроде как-то решал данный вопрос, но не помню как.
Может кто знает и подскажет?

Вот что я реализовал:
https://jsfiddle.net/vg1ct64m/5/
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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