display
Select which CSS property you want to work with
flex-direction
This will control the main axis orientation
justify-content
This will control the items position on the main axis
align-items
This will control the items position on the cross axis
1
2
3
<div id="container" style="display: flex;gap: 16px; justify-content: flex-start; align-items: flex-start; flex-direction: row;">
<div style="width: 48px; height: 48px; background: rgb(45, 212, 191)"></div>
<div style="width: 40px; height: 40px; background: rgb(251, 146, 60)"></div>
<div style="width: 32px; height: 32px; background: rgb(56, 189, 248)"></div>
</div>