[тренажёр Сетки] - Испытание: «Волшебная дверь» - не срабатывает проверка результата

[konstantin-agafonov]

Ссылка https://up.htmlacademy.ru/javascript/28/prepare/item/24/22

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

Здесь записал видео с багом https://www.loom.com/share/c3b06b2666db41578ef933c33eb5a40f

Вот мой код: body { margin: 0; }

.doors-list { padding: 20px 10px 40px; display: flex; justify-content: space-between; width: 320px; margin: 0 auto; }

.door { width: 100px; }

.page-footer { padding: 5px; margin: 0; }

.container { display: flex; }

.note-1 { width: 150px; margin-right: 25px; align-self: center; }

.note-2 { width: 200px; margin-right: auto; align-self: center; }

.note-3 { width: 100px; align-self: flex-end; }

Дополнительная информация

• Девайс: десктоп
• ОС: Ubuntu 22.04.1 LTS
• Браузер: chrome
• Версия: 110.0.5481.100

[MirOniKAy]

Во-первых, у тебя в page-footer не указан размер 550px, поэтому у тебя сжимается ширина экрана до ширины самого большого бокса: это .doors-list с width: 320px. Во-вторых, пиши всегда в одном стиле отступы(у тебя отступы то один элемент справа делает, то другой слева и в будущем, если ты вольёшься в команды, то это просто ужасно будет воспринимать для вёрстки, когда везде с разных стороны отрываются элементы).

В свою очередь экранчик сверху на htmlacademy очень кривой и растягивает изображение, так что ему доверять не стоит.