@Norum

Как отменить перенос флекс-элементов на следующую строку?

Как отменить перенос флекс-элемента на другую строчку, чтобы он смотрелся на 768px вот так
6090a56476898627412826.jpeg

у меня получается вот, хотя на чуть большем разрешении все нормально, но доходя до 768 переносится
6090a596005f0135280243.jpeg

Код https://jsfiddle.net/Le9unvc2/

Сайт tempessj.beget.tech
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
Kurokq
@Kurokq
Если б море было лином – я бы стал Comethazin'ом
<div class="col img"> <div class="col desc"> оборачиваешь в div
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
searcher8
@searcher8
У flex элементов такое поведение может быть из-за того, что размер контейнера не вмещает все элементы, таким образом, чтобы они стояли в один ряд.
Советую открыть инструменты разработчика в браузере и через выбор элемента страницы, при изменении размера экрана, посмотреть подсвечиваемые марджины, паддинги и саму ширину элементов.
Плюс, если у тебя стоитflex-wrap: wrap;, значит, если все вложенные в контейнер элементы не помещаются в него в один ряд, те элементы, что в него не поместились, будут перенесены на следующую строку.
Ответ написан
Ваш ответ на вопрос

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

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