Cookbook Home ~ alanwsmith.com ~ links ~ podcast ~ twitter

CSS Grid - Basic Grid

EXAMPLE

ALFA
BRAVO
CHARLIE
DELTA
ECHO
FOXTROT

HTML

<div id="wrapper">
  <div id="col-alfa">ALFA</div>
  <div id="col-bravo">BRAVO</div>
  <div id="col-charlie">CHARLIE</div>
  <div id="col-delta">DELTA</div>
  <div id="col-echo">ECHO</div>
  <div id="col-foxtrot">FOXTROT</div>
</div>

CSS

#wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

References