Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance:
- In bootstrap 3 the max width of the container is 1170px
- In bootstrap 4 the max width of the container is 1140px.
- In Microsoft website, currently the max width is 1600px
The data from google analytics indicates that most of the users have a screen resolution of 1366x768 about 12.76%.
What principle/rule can we use to determine what is the best max width following standards and screen resolutions?