Задать вопрос
@Evgeniy-Web

Блок растягивается не адекватно, на моб устройствах справа появляется пустая область из-за него, но на валидаторе все норм, как исправить?

Всем привет! Очень прошу помочь, мучаюсь уже десятый час. У блока меню есть ширина 100%, при уменьшении окна браузере все норм, все эл-ты хорошо подстраиваются, моб валидатор тоже показывает, мол на телефонах все хорошо выглядит, но на самих телефонах это меню растягивается на нереально большую ширину, в результате образуется справа пустая область, можно было бы закрыть глаза, но эл-т корзина, в телефонном варианте съезжает прямо в самый правый край, из-за чего ее становится не видно:
fece2e1d8d904e7ea08b5388c556a170.png

Странно, что даже валидатор эту ошибку не замечает и выдает, хорошую картину :/
"Верстаю на SASS"

.LOGO
	width: 100%
	height: 62px
	display: inline-block
	background-color: #fff
	position: fixed
	text-align: center
	z-index: 100
	max-width: 100%
	border-bottom: 1px solid #999
	border-left: 3px solid #999
	border-right: 3px solid #999
	box-sizing: border-box


Сайт - trainingmask.market
  • Вопрос задан
  • 265 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы