.product-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; } .product-gallery img{ width:100%; height:auto; display:block; border-radius:4px; } /* Tablet */ @media (max-width: 992px){ .product-gallery{ grid-template-columns:repeat(2,1fr); } } /* Mobile */ @media (max-width: 576px){ .product-gallery{ grid-template-columns:1fr; } }