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

Question

[Norum]

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


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


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

Сайт tempessj.beget.tech

Answer 1

[Фин Дел]

<div class="col img"> <div class="col desc"> оборачиваешь в div

Answer 2

[Searcher8]

У flex элементов такое поведение может быть из-за того, что размер контейнера не вмещает все элементы, таким образом, чтобы они стояли в один ряд.
Советую открыть инструменты разработчика в браузере и через выбор элемента страницы, при изменении размера экрана, посмотреть подсвечиваемые марджины, паддинги и саму ширину элементов.
Плюс, если у тебя стоитflex-wrap: wrap;, значит, если все вложенные в контейнер элементы не помещаются в него в один ряд, те элементы, что в него не поместились, будут перенесены на следующую строку.