Элемент display:flex мешает для адаптации под мобильные?

Question

[Ivan Ivanovich]

Здравствуйте. В шапке сайта применил такое свойство как display:flex элементам li. Всего их 3 штуки. Дело в том, что при оптимизации сайта для мобильных они не только идут не друг за другом, а ещё накладываются друг на друга. Вот проект - https://clck.ru/FKxL7 . Никак не могу понять, как это исправить.

Answer 1

[Dymok]

Покажи код на codepen, никто не будет скачивать архив.
На вскидку - в медиа запросе для мобильных указать flex-direction: column;, либо просто flex-wrap: wrap;

Comments

[Ivan Ivanovich]

https://jsfiddle.net/wbkd2grj/

Answer 2

[Denys_24]

Привет. Так а где там адаптация для элементов?
И ещё, li желательно вставить в ul.

Kусок твоего кода на CodePen
https://codepen.io/denys-buhlak/pen/drREbX