・flexboxやgridで余白を設定する際は、marginよりgapを使うべし。
見出し1
見出し2
・
使い方
<div id="flexbox">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<style>
#flexbox {
display: flex;
flex-wrap: wrap;
width: 300px;
gap: 20px 5px;
}
#flexbox > div {
border: 1px solid green;
background-color: lime;
flex: 1 1 auto;
width: 100px;
height: 50px;
}
</style>
参考
https://ics.media/entry/210628/
https://developer.mozilla.org/ja/docs/Web/CSS/gap