0

введите сюда описание изображениярепозиторий на git hub

При написании кода использую bootstrap grid и сборщик gulp. Происходит смещение блоков при ширине 1400 px не могу найти ошибку. До этой ширины все расширения работает хорошо. Пробивала задавать body overflow-x: hidden не помогает. Помогите пожалуйста решить эту проблему

1 ответ 1

1

Посмотрел ваши файлы, там есть некоторые проблемы.

В данный момент изображение сделано через фон, и при растягивание остается у левого края, чтобы оно растянулось нужно применить background-size: cover; . Тогда изображение растягивается по всей ширине, но в верстке у вас высота блока вот такая

введите сюда описание изображения

Думаю так не должно быть, по хорошему нужно переработать блок header. Так как там куча position: absolute не понимаю для чего они

2
  • Большое спасибо! Вы мне очень помогли! Теперь я понимаю в чем проблема ! Сделала background-size: cover; в медиа все исправилось. Вы правы на счет хедер. На мое мнение там нужно сделать несколько разметок меню и при нужной ширине их использовать. Я так не сделала поэтому использовала позиционирование
    – zarina
    12 июн 2022 в 21:12
  • 1
    Пожалуйста, рад был помочь. 13 июн 2022 в 5:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.