By using margin auto, the element will then take up the specified width, and the remaining space will be split between the left and right. So when I display flex to container
Bonus: Aligning with Auto Margins | SamanthaMing.com
Flexbox: Aligning with Auto Margins - DEV Community
Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN
CSS Gap creates a bright future for margins in Flex as well as Grid - bryanlrobinson.com
Bootstrap Flexbox - examples & tutorial
An experimental Flex-Gap property mixin
Flexbox Margin Auto - YouTube
What is Margin Collapse in CSS? And How to Avoid It
css - Flexbox: how to add margin / vertical spacing for the case there is more than one row? - Stack Overflow
css - Flexbox, min-height, margin auto and Internet Explorer - Stack Overflow
Can I use margin: auto; on a flex item that is being positioned with justify-content declared on its parent flex container? - CSS FAQ - Codecademy Forums
Details on Flexbox Layout - Alibaba Cloud Community
Ordering flex items - CSS: Cascading Style Sheets | MDN
css - Collapsing margin on Flexbox children - Stack Overflow
The peculiar magic of flexbox and auto margins | CSS-Tricks - CSS-Tricks
Spacing in CSS - Ahmad Shadeed
Spacing grid/flexbox items in CSS with the gap property – Bram.us
CSS Flexible Box Layout Module Level 1
CSS Flexbox Properties with 3 Boxes - YouTube
Flexbox gutters and negative margins, mostly solved
Solved: Adjust top margin on a panel with different inputs... - Splunk Community
Flex-items With Collapsable Margin On Wrap
Bonus: Aligning with Auto Margins | SamanthaMing.com
html - How to evenly distributed margin with flex? - Stack Overflow
Flexbox: Aligning with Auto Margins - DEV Community
