/* todo Set this up for SCSS */
/* todo Set scss Variables */
.card-grid {

  /* max-width: 1086px; */

  .card-grid__inner {
    display: grid;
    gap: clamp(8px, 2vw, 25px) clamp(10px, 2vw, 18px);

    grid-template-columns: repeat(2, 1fr);

    @media (min-width: 768px) {
      grid-template-columns: repeat(3,  1fr);
    }

    

  }

}