* {
  max-width: 100%
}
#ktSweaterGrid {
  display: grid;
  grid-template: auto / 50% 20% 20%;
  grid-template-areas:
  "sweater blurb blurb"
  "sweater skin cookie";
  width: 90%;
  margin: auto;
  gap: 20px;
  justify-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
#sweaterImg {
  grid-area: sweater;
  background-color: red;
  width: auto;
  max-height: 500px;
}
#ktSweaterGrid p {
  grid-area: blurb;
  align-self:end;
}
#mcSweaterImg {
  grid-area: skin;
  background-color: green;
  width: 90%;
  height: auto;
}
#cookieSweaterImg {
  grid-area: cookie;
  background-color: blue;
  width: 90%;
  height: auto;
}

/* Crafting Club */
#CraftClubGrid {
  display: grid;
  grid-template: 50% 50% / 20% 20% 50%;
  grid-template-areas: 
  "craft1 craft2 blurb"
  "craft3 craft4 blurb";
  width: 90%;
  margin: auto;
  gap: 20px;
  justify-items: center;
  justify-content: center; 
  align-items: center; 
  margin-bottom: 20px;
}
#CraftClubGrid > * {
  min-width: 0;
}
#CraftClubGrid img {
  width: 90%;
  max-width: 200px
}
#craft1 {
  grid-area: craft1;
}
#craft2 {
  grid-area: craft2;
}
#craft3 {
  grid-area: craft3;
}
#craft4 {
  grid-area: craft4;
}
#CraftClubGrid p {
  grid-area: blurb;
}

@media screen and (max-width: 640px) {
  #ktSweaterGrid {
    grid-template: auto / 50% 50%;
    grid-template-areas:
    "sweater sweater"
    "blurb blurb"
    "skin cookie"  
  }
  #CraftClubGrid {
    grid-template: auto / 50% 50%;
    grid-template-areas: 
    "craft1 craft2"
    "craft3 craft4"
    "blurb blurb";
  }

  #CraftClubGrid img {
    max-width: 200px;
    width: 90%;
    height: auto;
  }
}