grid layout

grid-layout-css.css

#garden {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: 20% 20% 20% 20% 20%;
}

#poison {
  grid-column-start: -3;
}

//crazy column sizes
//grid-template-columns doesn't just accept values in percentages, but also length units like pixels and ems. You can even mix //different units together.

//Here, set three columns to 100px, 3em, and 40% respectively.

//answer: grid-template-columns: repeat(3 , 100px 3em 40%);