CSS Grid

2017/08/14 code web

Carly asked me to do some stuff with her homepage, and since she's an architect, it will surely involve grids. So here we go.

The header


Main article area


In this layout, we display the areas in source order for any screen less that 500 pixels wide. We go to a two column layout, and then to a three column layout by redefining the grid, and the placement of items on the grid.



Advertising

The footer