Day 320

Learning how to name CSS Grid lines...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

<style>
    .container {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: [sidebar-start site-left] 1fr [sidebar-end content-start] 500px [content-end] 1fr [site-right];
      grid-template-rows: [content-top] repeat(10, auto) [content-bottom];
    }
    .item3 {
      background: slateblue;
      grid-column: content-start;
      grid-row: content-top / content-bottom;
    }
  </style>