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