How to correctly determine the width of the container and breakpoints when layout?

Question

css

There are two layouts. One with a container width of 1300px, the other 360px. But how to determine what should be the intermediate sizes of containers and their behavior, what should be the breakpoints (I usually use the standard bootstrap 1200px, 992px, etc.)? Thanks in advance for your response and your time!

Answer 1

Here is a good article about breakpoints . From there, immediately demo on the code pen .
As for the width of the container, it was up to the designer to decide. You can set the width as a percentage and it will be rubber. Without seeing the layout, it's hard to give specific advice.

Answer 2

I use 320,360,375,480,640,768,800,980,1024,1200,1280px - clients are usually satisfied