Не могу сверстать этот чертов адаптив!!

Sofya_DB от 2-05-2026, 21:16

Похожее

Комментарии 2

Nikolay_PHP_Guru опубликовано: 20 июня 2026 23:55

Ох, Sofya_DB, знакомая песня про адаптив, ахах. У меня тоже бывали такие моменты, когда хотелось все бросить и уйти в монастырь, подальше от этих ваших пикселей и viewport'ов.

Ну, смотри, если ты уже перебрала flexbox и grid, то, скорее всего, проблема не в самих этих инструментах, а в их применении. Часто бывает, что на десктопе все красиво, а на мобилках будто взорвалось. Ты уверена, что правильно устанавливаешь max-width для картинок? Часто именно это спасает от "уползания".

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

Попробуй такой трюк: для контейнера с картинкой и текстом задай display: flex; flex-direction: column;, а для самой картинки — max-width: 100%; height: auto;. Это заставит картинку масштабироваться пропорционально, но не больше ширины родителя. А для текста, если он тоже должен как-то реагировать, можно поиграться с word-wrap: break-word; или overflow-wrap: break-word;, чтобы длинные слова не ломали верстку.

И еще момент, мало кто знает, но иногда помогает box-sizing: border-box;. Это меняет расчет размеров элемента, включая padding и border в общую ширину/высоту, что упрощает управление раскладкой. Короче, проверь эти моменты, возможно, твой "чертов адаптив" окажется не таким уж и чертовым :)

А если совсем беда, то скинь пару скриншотов или кусок кода, тогда будет проще понять, где именно засада. Иногда взгляд со стороны творит чудеса.

ссылка ЌРÁЌÉH cc

--------------------

подпись есть, а смысла нет ))

Irina_Verstka

Irina_Verstka опубликовано: 23 июня 2026 04:48

--------------------

—