回答編集履歴
1
Grid版追記
answer
CHANGED
|
@@ -1,2 +1,14 @@
|
|
|
1
1
|
space-around なり、space-evenly なりを使ってください
|
|
2
|
-
[https://developer.mozilla.org/ja/docs/Web/CSS/justify-content](https://developer.mozilla.org/ja/docs/Web/CSS/justify-content)
|
|
2
|
+
[https://developer.mozilla.org/ja/docs/Web/CSS/justify-content](https://developer.mozilla.org/ja/docs/Web/CSS/justify-content)
|
|
3
|
+
|
|
4
|
+
-- 18:11 Grid layout を追記
|
|
5
|
+
```CSS
|
|
6
|
+
@supports (display: grid) {
|
|
7
|
+
.wrapper {
|
|
8
|
+
display: grid;
|
|
9
|
+
grid-template-columns: repeat(auto-fit, calc(160 / 700 * 100%));
|
|
10
|
+
justify-content: space-around;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
```
|
|
14
|
+
[https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout](https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout)
|