Dimensions of responsive design?

Question

css

What dimensions should a responsive design have, i.e. The
maximum width of the entire site
The minimum width of the entire site
At what screen width should the menu be moved outside of it?
There will also be a player on the site, preferably fixed, where would you advise to put it, both on the full version and on others? The dimensions of the player have not yet been determined.

Answer 1

You can see media breakpoint values ​​for popular frameworks at scotch.io/quick-tips/css3-quick-tips/default-sizes... foundation.zurb.com/docs/media-queries.html

Answer 2

Look at the Bootstrap grid, it is perhaps the most optimal of the ready-made ones.

Answer 3

There is a "new" direction that says - make a breakpoint where the content starts to look bad. It all depends on the specific case. You can test here - ISH . Enter the page address and start compressing or decompressing. There are automatic algorithms that will help you see where the limit is for this page.
In fact, you are making a site for people, and not for a certain commission that will see if you have set the correct breakpoints in your project. If the text starts to wrap after each word, but the breakpoint is not soon - you will not leave it like that, as this is wrong from the point of view of users. Immediately set a breakpoint and make a block with this text in full width or hide it altogether (if it is secondary).