.aa-grid { display: grid; gap: 24px; }
@media (min-width:600px){
  .aa-grid--3 { grid-template-columns:repeat(3,1fr); }
  .aa-grid--2 { grid-template-columns:repeat(2,1fr); }
  .aa-grid--4 { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:599px){
  .aa-grid--full { grid-template-columns:1fr; }
}