ひとまず列幅・数を固定値で指定して表示を見てみた。列幅はそのままで、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));}
様々な目的に使える、日本の汎用マストドンサーバーです。安定した利用環境と、多数の独自機能を提供しています。
ちょっと書き直した。行をぜんぶ埋めてくれるようにした。それぞれの画像は、200px以上1fr以下で可変する。frの概念がよくわかってない。
```css
.wrapper {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}