Refactoring CSS: Optimizing Size And Performance (Part 3)
Smashing Magazine Graphics
AUGUST 30, 2021
products-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 16px; } @media (min-width: 768px) {.products-grid products-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } }. products-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(3,1fr);grid-gap:20px}}.
88 
Let's personalize your content