Загрузка...

Как адаптировать секции сайта под мобильное устройство?

Тема в разделе Frontend создана пользователем damned 11 апр 2025. 158 просмотров

Загрузка...
  1. damned
    damned Автор темы 11 апр 2025 4 17 мар 2024
    Есть вот такая вот страница[IMG] как сделать чтобы эти секции меняли свое положение в зависимости от разрешения экрана? то есть на компьютерной версии это выглядит нормально, а на телефонной все накладывается друг на друга. Хочу чтоб они вставали в ряд на телефоне
     
  2. emo
    emo 11 апр 2025 1676 15 ноя 2019
    через медиа запросы и flexbox/grid-cols
     
    1. damned Автор темы
      emo, они будут автоматически менять положение или мне придется для каждого разрешения отдельно переписывать все?
      11 апр 2025 Изменено
    2. emo
      damned, прописываешь например
      CSS
      @media (max-width: 768px) {

      }
      и если ширина экрана меньше 768 пикселей применяются стили внутри этого запроса
      11 апр 2025 Изменено
  3. билборды
    ну ответ выше дали короче
     
    1. Посмотреть предыдущие комментарии (5)
    2. билборды
      damned, а grid в целом тож самое, только в двух направлениях работает
    3. билборды
Top