回答編集履歴
2
修正
test
CHANGED
|
File without changes
|
1
修正
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
質問者さんの実現したいことは、 CSS Grid Layout を用いて、以下のように行なえると思います([動作確認用リンク](https://codepen.io/anon/pen/b
|
|
1
|
+
質問者さんの実現したいことは、 CSS Grid Layout を用いて、以下のように行なえると思います([動作確認用リンク](https://codepen.io/anon/pen/qzZboz?editors=1100))。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -40,8 +40,6 @@
|
|
|
40
40
|
|
|
41
41
|
footer {
|
|
42
42
|
|
|
43
|
-
white-space: nowrap;
|
|
44
|
-
|
|
45
43
|
width: 100%;
|
|
46
44
|
|
|
47
45
|
min-height: 160px;
|
|
@@ -50,19 +48,15 @@
|
|
|
50
48
|
|
|
51
49
|
display: grid;
|
|
52
50
|
|
|
53
|
-
grid-template-columns: 1fr auto 1fr;
|
|
51
|
+
grid-template-columns: minmax(20%, 1fr) auto minmax(20%, 1fr);
|
|
54
52
|
|
|
55
53
|
grid-template-rows: repeat(3, auto);
|
|
56
|
-
|
|
57
|
-
justify-content: center;
|
|
58
54
|
|
|
59
55
|
}
|
|
60
56
|
|
|
61
57
|
|
|
62
58
|
|
|
63
|
-
footer > div,
|
|
64
|
-
|
|
65
|
-
dl
|
|
59
|
+
div, dl {
|
|
66
60
|
|
|
67
61
|
grid-column: 2;
|
|
68
62
|
|
|
@@ -75,6 +69,8 @@
|
|
|
75
69
|
grid-row: 3;
|
|
76
70
|
|
|
77
71
|
grid-column: 3;
|
|
72
|
+
|
|
73
|
+
overflow-wrap: break-word;
|
|
78
74
|
|
|
79
75
|
}
|
|
80
76
|
|
|
@@ -90,6 +86,4 @@
|
|
|
90
86
|
|
|
91
87
|
}
|
|
92
88
|
|
|
93
|
-
|
|
94
|
-
|
|
95
89
|
```
|