We're a place where coders share, stay up-to-date and grow their careers.
I was a box-sizing: inherit; person, then I realised this is super useful:
box-sizing: inherit;
.page-restrictor { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: content-box; }
It means that when the screen is less than 1240px wide, it will have a 20px gap down either side of the screen with no need for media queries.
This technique doesn't work with box-sizing: inherit; though.
I was a
box-sizing: inherit;
person, then I realised this is super useful:It means that when the screen is less than 1240px wide, it will have a 20px gap down either side of the screen with no need for media queries.
This technique doesn't work with
box-sizing: inherit;
though.