ひとまず列幅・数を固定値で指定して表示を見てみた。
列幅はそのままで、1行に対しての列数を画面幅に応じて増減させるぞ

```css
.wrapper {
display: grid;
grid-template-columns: 200px 200px 200px;
grid-auto-rows: 120px;
gap: 10px;
}
```

フォロー

ちょっと書き直した。行をぜんぶ埋めてくれるようにした。それぞれの画像は、200px以上1fr以下で可変する。frの概念がよくわかってない。

```css
.wrapper {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

ログインして会話に参加
Fedibird

様々な目的に使える、日本の汎用マストドンサーバーです。安定した利用環境と、多数の独自機能を提供しています。