CSS Gridを使って画像ギャラリーを作成する基本的な例を示します：

HTML:

php

```
<div class="gallery">
  <img src="imagen1.jpg" alt="Imagen 1">
  <img src="imagen2.jpg" alt="Imagen 2">
  <img src="imagen3.jpg" alt="Imagen 3">
  <img src="imagen4.jpg" alt="Imagen 4">
  <img src="imagen5.jpg" alt="Imagen 5">
  <img src="imagen6.jpg" alt="Imagen 6">
</div>
```

CSS:

css

```
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

.gallery img {
  width: 100%;
  height: auto;
}
```

このコードでは、display: gridを使用してグリッドを作成し、メイン・コンテナの幅に自動的に調整されるようにカラムを設定しています。画像は最大幅200ピクセルに設定され、カラムの利用可能なスペースを埋めるように自動的に拡大されます。さらに、grid-gapによって各画像の間に10ピクセルのスペースが追加されます。

grid-template-columnsとgrid-gapの値は、特定のニーズに合わせて調整できることを覚えておいてください。
¡Claro! Aquí te dejo un ejemplo básico de cómo crear una galería de imágenes utilizando CSS Grid:

HTML:

php

<div class="gallery">
  <img src="imagen1.jpg" alt="Imagen 1">
  <img src="imagen2.jpg" alt="Imagen 2">
  <img src="imagen3.jpg" alt="Imagen 3">
  <img src="imagen4.jpg" alt="Imagen 4">
  <img src="imagen5.jpg" alt="Imagen 5">
  <img src="imagen6.jpg" alt="Imagen 6">
</div>
CSS:

css

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

.gallery img {
  width: 100%;
  height: auto;
}
Este código crea una cuadrícula utilizando display: grid y establece que las columnas se ajusten automáticamente al ancho del contenedor principal. Las imágenes se ajustan a un ancho máximo de 200 píxeles y se expanden automáticamente para ocupar el espacio disponible en su columna. Además, grid-gap agrega un espacio de 10 píxeles entre cada imagen.

Recuerda que puedes ajustar los valores de grid-template-columns y grid-gap para adaptarlos a tus necesidades específicas.