What layout size should I do for a full screen site?

Question

Layouts and prototypes

Hey! Need a website design 1920x1080. Fullscreen. During development with containers, there were no problems. Now I don't understand one thing: during development, the layout needs to be 1920x1080, but does it need to take into account the width of the scroll? That is, if the file size is 1920, then the content area will be 1902-1903? Hope for help. This moment, for some reason, drove me into a stupor

Answer 1

Do 1920, but give 15-20 pixels at the mercy of the horizontal alignment of the page.
If, according to the designer’s idea, there shouldn’t be a scrollbar at all, then 1920 is without any doubt.
For example, there is no scrollbar at all

Answer 2

If you're designing in Figma, you can customize how it stretches. Then you don't have to worry about it at all. But in general, the standard 1920 + show if there is a scroll and how it will look - this is also your task.

Answer 3

If you are using bootstrap 4 , then zero indents are already provided in the markup, for this, together with the class .row, use the class .no-gutters
Example:

<div class="row no-gutters">
  <div class="col-12 col-md-8">.col-12  .col-md-8</div>
  <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>

Answer 4

Transfer the connection of your styles connection below the bootstrap connection. Otherwise it will cover them.