При вёрстке адаптивного сайта контент обрезается. Как это исправить и где искать ошибку?

Question

[Antanid]

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

Comments

[Павел]

Отличный скриншот ;). Всё четко и понятно.
Код бы правда не помешал,
По скриншоту скажу - вам нужно убрать белую полоску...тогда черная будет на весь экран...

[Нікіта]

Скинь ссылку на сайт

[Antanid]

Нікіта Кошик, https://antanid.github.io/alco-shop-adaptive/

Answer 1

[kryamk]

min-width: 574px; уберите у body

Comments

[Antanid]

Не помогает, это была как раз попытка растянуть body на весь экран.

[kryamk]

.input__email вот тут ещё min-width: 420px;
Да и в других местах где margin-left мешает, а где flex-wrap: wrap не прописан.
Предлагаю закомментировать все секции и по одной начиная с шапки адаптировать

[Alfieros]

Antanid, Такой момент, кто вообще трогает body? Б**ть, кто вообще трогает body? В боди записывается максимум бекграунд ну или шрифт для всего сайта. Ниже решение!!!

Answer 2

[Alfieros]

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}