@lenxs

Почему картинка не адаптируется под разрешение 320?

Сайт. Под большие разрешения адаптивность нормальная, а под минимум уже не "хочет". Как это исправить?

@media screen and (max-width: 1200px) {
  .container {
    width: 960px;
  }
  .wrapper {
    width: 90%;
  }
}

@media screen and (max-width: 992px) {
  .container {
    width: 720px;
  }
  .wrapper {
    flex-direction: column;
  }
  .offer {
    width: 100%;
  }
  .intro {
    width: 100%;
  }
  .desktop {
    display: block;
    width: 641px;
    margin: 72px auto 0;
  }
  .myambitions {
    flex-direction: column;
  }
  .ambition {
    width: auto;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    width: 540px;
  }
  .dekstop {
    width: 100%;
  }

  .input {
    width: 100%;
  }

  .btn {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .container {
    width: 90%;
  }
}
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
@bossigorxxx
@media screen and (max-width: 992px)
.desktop {
    display: block;
    width: 100%;
    margin: 72px auto 0;
}


и будет тебе счастье)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
fallus
@fallus
Дай этой картинке max-width: 100%

spoiler
и дай .wrapper witdh: 100% или хотя бы margin: 0 auto
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы