Layout 13: Swiss Poster
Transform a nine-column layout 45 degrees.
“CSS”
The Flexbox Holy Albatross
How to use calc with flexbox. Part of the evolution away from float based layouts. CSS is for programmers. HeydonWorks
CSS Guidelines
High-level advice and guidelines for writing sane, manageable, scalable CSS
Layout 11: Swatch palette grid using minmax
Swatches generated from colors from the Santa Monica mountains
Layout 10: Santa Monica mountains color palettes
The grid uses widths and is nine columns. Some simple math to generate the various column widths.
Layout 8: nth-of-type
Layout 7: Walt Disney Concert Hall
I like how this layout turned out. What is a simple grid offers visual interest.
Layout 6: Walt Disney Concert Hall
I like how this layout works across mobile, tablet and desktop. I think minmax is going to be a favorite layout friend.
Layout 5: Brown Pelican Mural
An unmistakable bird of coastal waters, groups of Brown Pelicans fly low over the waves in single file, flapping and gliding in unison. One of my favorite birds, I used kayak in Marina del Rey and paddle alongside them.
Layout 4: Santa Monica Pier
The Santa Monica Pier is a large double-jointed pier at the foot of Colorado Avenue in Santa Monica, California.