回答編集履歴
1
説明追記
answer
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
a要素(`.link-img`)に `width: 33%;`
|
|
1
|
+
~~a要素(`.link-img`)に `width: 33%;`~~
|
|
2
|
+
a要素(`.link-img`)に `flex: 0 0 33%;`
|
|
2
3
|
img要素(`.article-img`) に`width: 100%;`
|
|
3
4
|
を設定すれば画像のサイズは親要素(`.article`)の33%のサイズになります。
|
|
4
|
-
（提示のコードからサンプルを作成してみましたがなっているのを確認してます。）
|
|
5
5
|
|
|
6
|
+
|
|
6
7
|
a要素は通常はインライン要素なので幅の指定はききませんが、提示のコードだと親要素(`.article`)に`display: flex;`が設定されているので、ブロック要素扱いにあり幅指定はききます。
|
|
7
8
|
|
|
8
9
|
高さですが、画像ごとに縦横比（アスペクト比）がことなるのでしょうか。
|