heading 1 is dynamically sized for the viewport and uses the "Oswald" font
heading 2 is centered, spans the width of the row and uses the "Roboto" font
heading 3 is right aligned, italic and uses the "Merriweather" font
heading 4 uses the "Roboto" font
heading 5 is bold and uses "Roboto" font
heading 6 uses the "Roboto" font in grey, spans the width of the row and is centered
a section tag is 33%
heading 2 inside a section now only spans the containing width
inside a section h3 and
h4 keep their styles but get section padding
section tag use the "Droid Serif" font when no heading tags are usedsection tag use the "Droid Serif" font when no heading tags are usedspan tag has a yellow highlight and uses the "Merriweather" fontarticle tag is 25%article tag uses the "Roboto" font when no heading tags are usedarticle tag uses the "Roboto" font when no heading tags are usedarticle tag uses the "Roboto" font when no heading tags are usedfigure tag is 25% with a grey backgroundfigure tag uses the "Roboto" font when no heading tags are usedfigure tag uses the "Roboto" font when no heading tags are usedfigure tag uses the "Roboto" font when no heading tags are usedsection tag (row) can be broken by using an empty p tagthe empty p tag is placed before this section tagand breaks the 33% rowas the p tag acts as a row breaker spanning the entire widtharticle tag (row) can be broken by using an empty p tagthe empty p tag is placed after this article tagand breaks the 25% rowas the p tag spans the entire widthleft (using)middle (a combination)right (of section and p tags)Github repo
