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

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

*,
*:before,
*: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 ❤.