@use '../variables' as v;
@use '../mixins' as m;

.grid {
  display: grid;
  gap: map-get(v.$spacing, 'md');
  
  &-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  &-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
} 