Reboot

Codexify normalises the code across every browsers, with opinioniated styles.

<body>

Margins and paddings are zeroed out in <body>.

body {
    margin: 0;
    padding: 0;
}

Headings

Headings, <h1> to <h6>, are styled with no top margins for <h1>, as well as generous top margins for other headings. They also have bottom margins for every heading, as well as tightened line heights. <h6> also have lighter font weight compared to other headings, as <h5> have 1rem font size (same as body text).

Heading Example
<h1>

Heading 1

<h2>

Heading 2

<h3>

Heading 3

<h4>

Heading 4

<h5>

Heading 5

<h6>

Heading 6

Paragraphs

All paragraphs have the top margin removed and bottom margin set to 1em for clear separation.