Start Using CSS Grid Layout Today

.grid { display: grid; grid-gap: 20px; grid-template-columns:
100px [main-start]

100px 100px 100px [main-end]

100px 100px; grid-template-rows:

100px [main-start]

100px 100px [main-end] 100px; }

.item { grid-area: main; } Implicit named areas Created by having named lines using an ident with *-start and *-end.     https://codepen.io/rachelandrew/pen/ eWoKmd/