Точки останова Bootstrap - проблемы

Question

Я хочу начать с извинений, если об этом уже спрашивали. Я пытался найти ответ, но у меня ничего не получалось. Я все еще очень новичок в кодировании и столкнулся со стеной в моих знаниях. Я ценю любую помощь напрямую или показываю мне в правильном направлении.

У нас проблемы с макетом на разных устройствах. Мобильный сайт выглядит хорошо, так же, как и на рабочем столе. Тем не менее, между 768-799px, он искажает сайт, а затем на 800-1300px он искажается по-другому, ни один не выглядит хорошо. Я прошел и изменил все запросы @media, чтобы попытаться настроить его, но мне не повезло. Я приложил две фотографии различных проблем, с которыми мы сталкиваемся.

Заранее спасибо!

Вид планшета 768-799px

Более 800 пикселей

Answer 1

Трудно сказать, что именно вызывает это, без публикации какого-либо кода, но flexbox - отличный инструмент для этого. https://css -tricks.com / snippets / css / a-guide-to-flexbox / является хорошим справочным материалом. Насколько я понимаю, вы хотите предотвратить наложение элементов, и как бы я использовал это, чтобы предотвратить это, поместив их в отдельные элементы flexbox в одном контейнере. На эту тему существует множество отличных руководств на YouTube, если что-то в ссылке сбивает с толку.