Flexbox and grid layout gap
index-flex.html
index-grid.html
<div class="container">
<div></div>
<div></div>
<div></div>
</div>
<style>
.container {
display: flex;
justify-content: center;
gap: 10px;
}
.container > div {
width: 24px;
height: 24px;
background-color: darkcyan;
border: 2px solid black;
}
/* .container > div:not(:last-child) {
margin-right: 10px;
margin-bottom: 10px;
} */
</style>
