Alexander L. answered • 04/12/20
Software Engineer II - Full-stack Web Developer
"display: flex" defines a flex container (or a flexbox) which enables a "flex context" for the items inside the container. A flex container has the ability to alter its items' sizes and order to fill the space the container has available.
That being said, if you really want to learn what "display: flex" means, my definition won't be enough. I highly recommend these two things will get you 80% of the way with flexbox:
1.) My favorite documentation on flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
2.) A fun game that will put what you've learned to practice: https://flexboxfroggy.com/
I cannot recommend these two links enough. The documentation I provided is what finally made flexbox click for me, and flexbox froggy is just super fun to play even if you already know it.
