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

Question

[lenxs]

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

@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%;
  }
}

Answer 1

[bossigorxxx]

@media screen and (max-width: 992px)
.desktop {
    display: block;
    width: 100%;
    margin: 72px auto 0;
}

и будет тебе счастье)

Comments

[lenxs]

спасибо)

Answer 2

[fallus]

Дай этой картинке max-width: 100%

spoiler

и дай .wrapper witdh: 100% или хотя бы margin: 0 auto