CSS Reusable Grid

الحالة:: ملاحظة_مؤرشفة
المعرفة:: CSS
المصدر:: Build Responsive Real-World Websites with HTML and CSS

---

.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);  
}