aubsrey
October 18, 2018, 10:43pm
1
Question
What are the notable default styles that get applied when we set an element to display: flex;
?
Answer
When we declare display: flex;
on an element the notable default styles that get applied to that element are:
flex-direction: row;
justify-content: flex-start;
flex-shrink: 1;
align-items: stretch;
flex-basis: auto;
flex-wrap: nowrap;
4 Likes
How can this information be retrieved when using other attributes that belong to the display property or any property that alters the position of their elements?
Is there some kind of data sheet that can be found for safe keeping with such information?
3 Likes
mtrtmk
March 31, 2021, 11:11am
3
The Flexbox properties section has a nice visual representation of the properties and their default values.
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also...
Est. reading time: 15 minutes
Also,
20 Likes
Thanks, buddy:) the links were very useful and informative.
1 Like
Thanks, these are immensely useful!
Iād like to add the following as another nice visual representation of flex styles:
2 Likes