回答編集履歴
1
参考リンク追加
test
CHANGED
|
@@ -18,4 +18,16 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
+
現在画像の左側に余白ができているのは、ブラウザのデフォルトの余白だと思うので
|
|
22
|
+
|
|
23
|
+
`figure`タグをセレクタとして余白リセットしておくのが良いと思います。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
[[CSS]ページのレイアウトで、意図せずできてしまった隙間の原因とその解決方法のまとめ](https://coliss.com/articles/build-websites/operation/css/6-cases-of-unwanted-spaces-in-page-layout-by-demosthenes.html)
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
21
|
-
左右に余白付けたい場合は、`.products-item`に`box-sizing: border-box;`かけたうえでpadding設定
|
|
33
|
+
画像の左右に余白を付けたい場合は、`.products-item`に`box-sizing: border-box;`かけたうえでpadding設定してみてください。
|