Grillas Creativas para Galerias

Genera layouts CSS Grid creativos para galerias de fotos. Elige un patron, personaliza y copia el codigo.

Patron de grilla

Personalizacion

Espaciado (gap)

Bordes redondeados

Efecto hover

Sombra

Paleta de colores

Mostrar con imagenes

Vista previa

Codigo generado

<div class="photo-gallery">
  <div class="photo-gallery__item photo-gallery__item--1">
    <img src="photo-1.jpg" alt="Photo 1" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--2">
    <img src="photo-2.jpg" alt="Photo 2" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--3">
    <img src="photo-3.jpg" alt="Photo 3" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--4">
    <img src="photo-4.jpg" alt="Photo 4" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--5">
    <img src="photo-5.jpg" alt="Photo 5" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--6">
    <img src="photo-6.jpg" alt="Photo 6" />
  </div>
</div>