Which adaptive grid sizes to choose for different screen resolutions?

Question

Adaptive design

Actually, I can’t decide what sizes to use for various devices, after looking at the statistics and reading a few articles, I came to an ambiguous conclusion. I tend to four sizes:
- 1200 px
- 940 px
- 620 px
- 340 px
This is all taking into account the fact that the content that will be on the sites is better perceived when there are more indents from the edges. Is my choice correct? And another question, for various frameworks (Skeleton, Bootstrap and the top similar ones with which you can build an adaptive site), is this grid suitable, or do you need to first decide on a framework, and then do it?

Answer 1

css-tricks.com/snippets/css/media-queries-for-stan...

Answer 2

240, 320, 360, 400, 480, 540, 640, 720, 768, 800, 960, 1024, 1280, 1366 and beyond regular detkotny.
There is a great article about devices and permissions that I advise you to read.
Although I am confused by a somewhat similar approach to the development of adaptive design. These standard dots in a media query are designed to save time (and money for the customer as a result), but do you think they are meant to cover all layouts? And so I think not.
Watch when your layout breaks or looks unaesthetic and then create a new media query or redo styles in the past. This may take a little longer, but it will ensure that your work looks better on more devices.