CSS Reusable Grid

.grid {  
  display: grid;  
  gap: 9.6rem;  
}  

.grid--2-cols {  
  grid-template-columns: repeat(2, 1fr);  
}  

.grid--3-cols {  
  grid-template-columns: repeat(3, 1fr);  
}  

.grid--4-cols {  
  grid-template-columns: repeat(4, 1fr);  
}