Day 324

Nesting an album grid...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

  <style>
    .albums {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      grid-gap: 20px;
    }

    .album {
      background: rgba(255, 255, 255, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      padding: 20px;
      display: grid;
      grid-template-columns: 150px 1fr;
      grid-gap: 10px;
      align-items: center;
      color: white;
      font-weight: 100;
    }

    .album__artwork {
      width: 100%;
    }
  </style>