@ozerovlife

Как отобразить контент на 100% ширины экрана?

Всем доброго времени суток. Я учусь верстать сайты. Но столкнулся с проблемой, что мой сайт не отображается на устройствах на 100% ширины и справа появляется белое пространство. Да, так как моя контентная часть максимальна в 1440px. Но, на маленьких устройствах, при масштабировании та же проблема. 1) Как на маленьких устройствах занять 100% ширины используя медиазапросы(либо еще как)? 2) Как на больших устройствах, либо занять 100% ширины либо контенту в 1440px занять позицию по середине экрана?
Как выглядит на телевизоре:
5e25c8364a918856314106.jpeg
И сам шаблон сайта, который писал собственно я с нуля по макету:
https://yadi.sk/d/WhOROmJyQeoSbw (rar файл)
Кому rar не нравиться вот ссылка на index.html и style.css:
https://yadi.sk/d/oiQ0EIdcE4q_3Q
или:
https://codepen.io/Ozerovwebmaster496/pen/ExaOEpJ?...
И вообще кроме основных вопросов, прошу просмотреть вас шаблон и возможно дать какие либо рекомендации еще не по теме вопроса.
  • Вопрос задан
  • 234 просмотра
Решения вопроса 3
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
Основные советы уже выше даны. А также данная верстка не проходит по нынешним стандартам "адаптивного" сайта, поэтому дополню ссылками на темы, которые стоит изучить как начинающему верстальщику/фронтендеру:
1. Основы отзывчивого (адаптивного) дизайна [Google Developers]
2. Медиа запросы [MDN]
3. Базисно о понятиях адаптивного, отзывчивого и рези... [VYSOKOFF Blog]
Ответ написан
Sedov1988
@Sedov1988
Ширину 1440px уберите и получится, то что вы хотите.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
.content {
	max-width: 1440px;
	width: 100vw;
}

Как это должно работать, по вашему?
Задайте брэйкпоинты для бОльшего разрешения.
Ответ написан
Ваш ответ на вопрос

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

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