回答編集履歴
1
コード追記
answer
CHANGED
|
@@ -12,4 +12,17 @@
|
|
|
12
12
|
|
|
13
13
|
`display: flex;` は設定した要素の子要素のレイアウトを指定する（規定は横並び）。
|
|
14
14
|
`flex-wrap: wrap;`で折り返しを許可する。
|
|
15
|
-
`.content2`の幅を100%にすることで折り返されて下にくる。
|
|
15
|
+
`.content2`の幅を100%にすることで折り返されて下にくる。
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
gridでもいいでしょう。
|
|
19
|
+
|
|
20
|
+
```css
|
|
21
|
+
.container {
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-columns: 1fr 1fr;
|
|
24
|
+
}
|
|
25
|
+
.content2 {
|
|
26
|
+
grid-column: 1 / 3;
|
|
27
|
+
}
|
|
28
|
+
```
|