Yesterday I got a website in the school which uses the CSSĀ 3 flexbox statement. I never used that before. So I googled it a bit and found a lot of different styles of the flexbox statements.
Some guys write display: box;
, some use display: flexbox;
, and other display: flex;
.
So what are the differences? Which I should use?
Best Answer
These are different styles.
display: box;
is a version of 2009.display: flexbox;
is a version of 2011.display: flex;
is the actual version.Quote of Paul Irish
Here is the blog about the different flexbox statements.
This is a blog entry by css-tricks about the different versions.
When i use flexbox, i always write it like that:
Edit:
Still not everyone has a browser/device capable of viewing flexbox layouts. So for fallback solutions or alternatives there is this article by Kenan Yusuf on how to use flexbox without using flexbox.