CSS Layout

Back to menu

display:table

Unfortunately in we have to add a <div class="grid__wrap" /> around each row. This makes responsive styles difficult.

Holy grail layout

header

CSS Layout

The history of CSS Layout on the web is largely web developers using tools for layout which were not intended for layout.

footer

Product grid

In this example the grid goes straight from a 1 column grid to a 3 column grid because I was unable to workout how to do the 2 column grid stage.

CSS Pocket Reference

Know your margins from your paddings.

Unequal heights :(

CSS Pocket Reference

meow vol iii

Volume 3, now meow's what I call literature

meow vol 3

meow vol iii

Volume 3, now meow's what I call literature

meow vol 3

meow vol iii

Volume 3, now meow's what I call literature

meow vol 3

meow vol iii

Volume 3, now meow's what I call literature

meow vol 3

meow vol iii

Volume 3, now meow's what I call literature

meow vol 3