回答編集履歴
2
説明の改善
test
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
padding: 10px;
|
|
6
6
|
|
|
7
|
-
display: grid;
|
|
7
|
+
display: grid; /* ここ */
|
|
8
8
|
|
|
9
|
-
grid-template-columns: 16% 1fr;
|
|
9
|
+
grid-template-columns: 16% 1fr; /* ここ */
|
|
10
10
|
|
|
11
11
|
text-decoration: none;
|
|
12
12
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
上記で grid で2列にして1列目の幅を 16% にしているのが原因でしょうね。
|
|
20
20
|
|
|
21
|
-
aリンク内の画像や、次のaリンク内のタイトルの幅がカードの幅の16%になってしまってます。
|
|
21
|
+
aリンク内の画像や、次のaリンク内のタイトルの幅がカード(.inline-linkcard)の幅の16%になってしまってます。
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
1
説明の改善
test
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
gridは子要素のレイアウトを決めるものですので、aリンク画像とaリンクを横並び（2列）にしたいのなら、親要素の .inline-linkcard に設定してください。
|
|
25
|
+
gridは子要素のレイアウトを決めるものですので、aリンク画像とaリンクタイトルを横並び（2列）にしたいのなら、親要素の .inline-linkcard に設定してください。
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|