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
Flexbox — Everything You Need to Know (Part: 1 — Flex-Container) | by Showrin Barua | Prototypr
CSS Flexible Box Layout Module Level 1
Controlling ratios of flex items along the main axis - CSS: Cascading Style Sheets | MDN
Flexbox Visual Guide Tutorial - Learn the basics of CSS Flexbox Module
CSS: Flex and "min-width" - makandra dev
css - In Flexbox layout, how does browser handle width of flex items? - Stack Overflow
Setting Flex Items Dimensions and order
How to use Flexbox to create a modern CSS card design layout | Layout
A Complete Guide to Flexbox | CSS-Tricks - CSS-Tricks