What's the difference between display: flex; and display: inline-flex;?


#1

Question

What’s the difference between display: flex; and display: inline-flex;?

Answer

Much like the difference between display: block; and display: inline;, the main difference between display: flex; and display: inline-flex; is that display: inline-flex; will make the flex container an inline element while its content maintains its flexbox properties.