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.
| Pixels | Ems | Percentages |
|---|---|---|
| 16px | 1em | 100% |
| 17px | 1.063em | 106.3% |
| 18px | 1.125em | 112.5% |
| 19px | 1.188em | 118.8% |
| Conversions provided by PXtoEM.com |