CSS Grid Demo

By James Formica

Utilising Free Space

Let's just pretend 'fr' stands for Flamingo Rampage.

grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 2fr 200px 1fr 1fr;
2fr ↕
2fr ↔
1fr ↔
200px ↕
1fr ↕
1fr ↕
<< Previous Next >>