What is the standard CSS container size in 2018?

Issue

When designing a responsive layout, what size is the standard for using a max-width container in 2018? Currently I am using 1140px to fit the standard screen size of 1366px.

Solution

I'd say use the bootstrap container sizes, as they are used pretty often and are quite the average below web development.

These are the sizes:

xs (for phones - screens less than 768px wide)

sm (for tablets - screens equal to or greater than 768px wide)

md (for small laptops - screens equal to or greater than 992px wide)

lg (for laptops and desktops - screens equal to or greater than 1200px wide)

So yes, I'd use 1200px as your desktop container size.

Answered By - Tim Gerhard