Shamash2014/holy-grail-markup

"Holy Grail Layout" markup using different CSS methodologies: OOCSS, SMACSS, Atomic & Organic, BEM

Сomparison of OOCSS, SMACSS, Atomic and BEM markup

We wrote simple html page with "Holy Grail Layout" in different CSS methodologies as examples of all popular css methodologies markup.

1. Dirty 2000-s style
2. OOCSS
3. SMACSS
4. Atomic Design:

• Atomic CSS
• Organic CSS

5. BEM

• BEM CSS (Harry Roberts style)
• BEM CSS with grid

How to use

Just download/clone repository and see examples of markup. Demo is here.

Authors

Created by Oleh Aloshkin and Ihor Zenich.