Responsive design

Start from the phone and add media queries as screens get wider. Fluid units (%, rem, clamp()) and the viewport meta tag do most of the work. Google indexes the mobile version first, so the phone layout is the one that counts most for search.

@media (min-width: 768px) {
  .gallery { grid-template-columns: repeat(3, 1fr); }
}