How to display the content at 100% width of the screen?

All kind time of day. I learn to impose the sites. But faced with the problem that my site is not displayed on devices 100% of the width and on the right there is a white space. Yes, as my content part of the maximum in 1440px. But, on small devices, while scaling the same problem. 1) How small devices to occupy 100% width using media queries(or something else)? 2) As for large devices or to occupy 100% width or content 1440px to take a position on the middle of the screen?
As it looks on TV:
5e25c8364a918856314106.jpeg
And the website template that I actually wrote from scratch on the layout:
https://yadi.sk/d/WhOROmJyQeoSbw (rar file)
Who rar do not like here is a link to index.html and style.css:
https://yadi.sk/d/oiQ0EIdcE4q_3Q
or:
https://codepen.io/Ozerovwebmaster496/pen/ExaOEpJ?...
In addition to basic and General questions, please browse you template and can give any recommendations, even off-topic question.
April 4th 20 at 13:02
4 answers
April 4th 20 at 13:04
Solution
Basic tips already above. And also, this layout does not pass by today's standards "adaptive" website, so I will Supplement with reference to themes that are worth exploring as a beginner coder/pretender:
1. The basics of responsive (adaptive) design [Google Developers]
2. Media queries [MDN]
3. Basic concepts of adaptive, responsive and cramps... [VYSOKOFF Blog]
April 4th 20 at 13:06
Solution
element{
width:100%;
}

This is not probyvali?
April 4th 20 at 13:08
Solution
The width of 1440px get and get what you want.
but if for example: I need a content part, was strictly not more than 1440px - einar_Pour commented on April 4th 20 at 13:11
Then try a property max-widht max width or min-widht. - cristal commented on April 4th 20 at 13:14
@einar_Pour, margin: 0 auto; - aisha_Goyette0 commented on April 4th 20 at 13:17
April 4th 20 at 13:10
.content {
 max-width: 1440px;
 width: 100vw;
}

How it should work, in your opinion?
Set breakpoint for greater resolution.
100vw I already tried different options, just not removed when filled - einar_Pour commented on April 4th 20 at 13:13
@einar_Pour, media queries to set the maximum width is more not tried?(.container from bootstrap) - Bart commented on April 4th 20 at 13:16

Find more questions by tags CSSJavaScriptHTML