Day 323

Reordering CSS GRid elements today
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

  <style>
    .container {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: repeat(10, 1fr);
    }
    .logo {
      grid-column: span 2;
      order: 2;
    }
    .nav {
      grid-column: span 8;
      order: 1;
    }
    .content {
      grid-column: 1 / -1;
      order: 3;
    }
  </style>