human
CSSコードを教えて、グリッドを使用して画像ギャラリーを作成してください。
gpt
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の値は、特定のニーズに合わせて調整できることを覚えておいてください。