回答編集履歴
4
参考リンク追加
answer
CHANGED
|
@@ -24,4 +24,6 @@
|
|
|
24
24
|
justify-content:center;
|
|
25
25
|
align-items: center;
|
|
26
26
|
}
|
|
27
|
-
```
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
[子結合子 - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/Child_combinator)
|
3
コード修正
answer
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
.works1 > a, .works1 > img{
|
|
11
11
|
width: 40%;
|
|
12
12
|
margin: 1%;
|
|
13
|
+
line-height: 0; /* これがないと高さがずれる */
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
.works1 > a > img {
|
2
誤字修正
answer
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
セレクタが正しく想定のものにあたってないからでしょう。
|
|
2
|
-
`main img` だと main のすべての子孫img要素にあたってします。
|
|
2
|
+
`main img` だと main のすべての子孫img要素にあたってしまいます。
|
|
3
3
|
|
|
4
|
-
また、`width: 40%;` は親要素を100%基準にして幅が決ま
|
|
4
|
+
また、`width: 40%;` は親要素を100%基準にして幅が決まります。
|
|
5
5
|
|
|
6
6
|
上記を考慮して、下記でどうでしょうか。
|
|
7
7
|
|
1
誤字修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
セレクタが正しく想定のものにあたってないからでしょう。
|
|
2
|
-
`main img` だと main のすべての子孫
|
|
2
|
+
`main img` だと main のすべての子孫img要素にあたってします。
|
|
3
3
|
|
|
4
4
|
また、`width: 40%;` は親要素を100%基準にして幅が決まる。
|
|
5
5
|
|