Fixes the box model problem where adding padding and border will move a box element to the next line of a layout - Cacher Snippet

8/16/2017 - 9:38 PM

Fixes the box model problem where adding padding and border will move a box element to the next line of a layout

Fixes the box model problem where adding padding and border will move a box element to the next line of a layout

CSS Box Model Fix

/* Apply a natural box layout model to all elements, but allowing componenets to change */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	font-family: "Open Sans", sans-serif; /* These values can be changed*/
	margin: 0;
}
h1, h2 {
	font-family: "Caveat", cursive; /* These values can be changed*/
	font-weight: 400; /* Sets the weight. 400 is normal
}