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

Question

[Alex Ozerov]

Всем доброго времени суток. Я учусь верстать сайты. Но столкнулся с проблемой, что мой сайт не отображается на устройствах на 100% ширины и справа появляется белое пространство. Да, так как моя контентная часть максимальна в 1440px. Но, на маленьких устройствах, при масштабировании та же проблема. 1) Как на маленьких устройствах занять 100% ширины используя медиазапросы(либо еще как)? 2) Как на больших устройствах, либо занять 100% ширины либо контенту в 1440px занять позицию по середине экрана?
Как выглядит на телевизоре:

И сам шаблон сайта, который писал собственно я с нуля по макету:
https://yadi.sk/d/WhOROmJyQeoSbw (rar файл)
Кому rar не нравиться вот ссылка на index.html и style.css:
https://yadi.sk/d/oiQ0EIdcE4q_3Q
или:
https://codepen.io/Ozerovwebmaster496/pen/ExaOEpJ?...
И вообще кроме основных вопросов, прошу просмотреть вас шаблон и возможно дать какие либо рекомендации еще не по теме вопроса.

Comments

[Шохрух Шаймардонов]

А meta viewport установлен?

[alex]

идика ты отседова со своим rarом

[Alex Ozerov]

Шохрух Шаймардонов, да

<meta name="viewport" content="width=device-width, initial-scale=1" />

[Шохрух Шаймардонов]

ozerovlife, залейте код в codepen.io или в github pages

[Alex Ozerov]

Шохрух Шаймардонов, https://codepen.io/Ozerovwebmaster496/pen/ExaOEpJ?...

[Шохрух Шаймардонов]

ozerovlife, не забудьте поправить вопрос (вставьте туда ссылку)

[Alex Ozerov]

Шохрух Шаймардонов, ссылка на codepen уже внутри вопроса

Answer 1

[Шохрух Шаймардонов]

Основные советы уже выше даны. А также данная верстка не проходит по нынешним стандартам "адаптивного" сайта, поэтому дополню ссылками на темы, которые стоит изучить как начинающему верстальщику/фронтендеру:
1. Основы отзывчивого (адаптивного) дизайна [Google Developers]
2. Медиа запросы [MDN]
3. Базисно о понятиях адаптивного, отзывчивого и рези... [VYSOKOFF Blog]

Answer 2

[Марат Нагаев]

element{
width:100%;
}

Вот это не пробывали?

Answer 3

[Алексей Немиров]

Ширину 1440px уберите и получится, то что вы хотите.

Comments

[Alex Ozerov]

а если например: мне нужно что бы контентная часть была строго не больше 1440px

[Алексей Немиров]

Тогда попробуйте свойство max-widht максимальная ширина или min-widht.

[Aetae]

ozerovlife, margin: 0 auto;

Answer 4

[Andrew]

.content {
	max-width: 1440px;
	width: 100vw;
}

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

Comments

[Alex Ozerov]

100vw это я уже пробовал разные варианты, просто не убрал когда заливал

[Andrew]

ozerovlife, медиа запросами ставить максимальную ширину больше, не пробовали?(.container у bootstrap)