CSS Grid using Fractional Units

style.css

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* this will create a 4 columns grid equal width */
  /* grid-template-columns: 1fr 1fr 2fr; can also be used like this */
  grid-template-rows: repeat(3, 100px); /* will create 3 rows with 100px height each */
  grid-gap: 1em; /* will add gutters in between rows and columns at 1em each */
  /* grid-gap: 1em 2em; 1em row gaps and 2em column gaps */
}