The front page re-created with CSS grid layout
CSS Shell HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

CSS grid layout demo

The aim of CSS was to separate content and style but our layouts are as tied to our markup as ever. Grid layout has the chance to deliver a huge shift in the way we rationalise layout systems for the web and drastically reduce the complexity of the markup and styles currently required.

System dependencies

  • Node 4+

Local setup

# clone this repo
git clone && cd grid-layout-demo

# install dependencies
npm install

# build the demo
npm run build

# open the demo
open public/index.html