@media print, screen and (max-width: 1023px) {

  body > main > section[id='shop'] {
    grid-template-areas:
      "h1"
      "article"
      "vertical-card"
      "mini-card-top"
      "mini-card-bottom"
      "bottom-card"
      "libraries"
    ;
  }
  
  body > main > section[id='shop'] a.button {
    display: inline-block;
    margin-bottom: 1.5rem;
  }

}