Style Guide

Code & Code Blocks

The code tag is useful for websites who intend to share computer code snippets. When wrapped by the pre tag, a larger block of code can be displayed.

@media only screen and ( min-width: 43.75em ) and ( max-width: 48.938em ) {
    article {
        width: 69.1563%;
    }
    aside {
        width: 26.6943%;
    }
}

Tabular Data

The table tag is best used for presenting tabular data. This tag should always contain the thead, tfoot and tbody tags and should be marked up in that order. The table tag can also contain the caption tag for accessibility.

Convert Font Sizes from Pixels to Ems or Percentages
Pixels Ems Percentages
Conversions provided by PXtoEM.com
16px 1em 100%
17px 1.063em 106.3%
18px 1.125em 112.5%
19px 1.188em 118.8%