.intro-btn { grid-area: intro; }
.why-btn { grid-area: whyci; }
.cooking-btn { grid-area: cookn; }
.baking-btn { grid-area: bakng; }
.seasoning-btn { grid-area: seasn; }
.cleaning-btn { grid-area: clean; }
.rust-btn { grid-area: rusty; }
.chem-btn { grid-area: chemy; }
.mistakes-btn { grid-area: mistk; }
.conclusion-btn { grid-area: concl; }
.quiz-btn { grid-area: fquiz; }

.course-btn {
    font-family: sans-serif;
    font-size: 20px;
    text-align: center;
    background-color: #1e8bc3;
    color: #fff;
    border: 0px;
    border-radius: 4px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}

.course-map {
  display: grid;
  grid-template-areas:
    '  .   intro   .  '
    '  .   whyci   .  '
    'cookn bakng seasn'
    'clean rusty chemy'
    '  .   mistk   .  '
    '  .   concl   .  '
    '  .   fquiz   .  ';
  grid-gap: 24px 92px;
  background: rgba(255,255,255,0);
  padding: 10px;
}