Css Preamble

A simple snippet to help set up your Dummy proof Css.

Midway a project you'd find your containers skipping of page, or exenting into white space on the right side. This stops all that.

//Css Preamble

body {
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
    height: 100%;

*:after {
    box-sizing: inherit;

img {
    max-width: 100%;

One could start with importing Normalize.

or you could use our modified stack repo npm i min.normalize.css.

If you have any issues/feedback comment below ❤.