Under what screen resolutions to make up the site and statistics of screen resolutions?

Question

User interface

The following question has come up - "What are the key screen resolutions for making a website with
Bootstrap layout?" As I understand it, it’s done for small ones from 320px, then from tablets it’s from 640px and further to the computer version it’s 1024 or 1366. Does it make sense in 2018 to make a design for 1024, or is it better to skip this resolution and do it right at 1366px? That is, people with a resolution of 1024 will see the tablet version of the site.
And where can I see the statistics of the popularity of permissions on liveinternt statistics only for all sites, but I would like to see strange regions.
The main problem is that all articles, etc. were written 2 years ago or more, and it seems to me that they have lost their relevance.

Answer 1

media screen and (max-width: 1200px) {
.container {
width: 970px;
}
}
media screen and (max-width: 991px) {
.container {
width: 750px;
}
}
media screen and (max-width: 767px) {
.container {
width: 450px;
}
}
media screen and (max-width: 479px) {
.container {
width: 310px;
}
}

Answer 2

This approach is not made for any specific resolutions or devices, but simply selects several resolutions for which the designer will come up with what to display on the screen. So the industry is easier. But it is correct to type for all permissions. That is, we reduce the width of the viewport and in each case we look at which elements need to be reversed or hidden at a given width.
You can see what the latest bootstrap is currently offering as a breakpoint. https://getbootstrap.com/docs/4.0/layout/overview/...