.card-deck.grid{
  .grid-wrapper{

    width: 700px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    gap: 16px 16px;

    .card{
      .subheadline{
        max-height:120px;
        overflow-y:scroll;
      }
    }
  }
}
@media screen and (min-width: 768px){
  .card-deck.grid{
    .grid-wrapper{

      width: 700px;
      margin: 0 auto;

      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas:
        "item-1 item-1"
        "item-2 item-3";

      .card:first-child {
        grid-area: item-1;
        background-color: pink;
      }
      .card:nth-child(2) {
        grid-area: item-2;
        background-color:green;
      }
      .card:nth-child(3) {
        grid-area: item-3;
        background-color:yellow;
      }
    }
  }
}
/*# sourceMappingURL=cardgrid-min.css.map */