i-like-robots/grid-layout-demo

The FT.com front page re-created with CSS grid layout

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.

• Original article
• View demo

System dependencies

• Node 4+

Local setup

# clone this repo
git clone git@github.com:i-like-robots/grid-layout-demo.git && cd grid-layout-demo

# install dependencies
npm install

# build the demo
npm run build

# open the demo
open public/index.html