.logout
item will grow twice as quick as .home
item.home {
flex-grow: 1;
}
.logout{
flex-grow: 2;
}
Default value is 1
min-width
property there will be a scroll when box's width is less then specified width valueflex-flow
property is a shorthand property for: flex-direction
and flex-wrap
flex-direction: column;
, then flex-basis
means flex item box heightjustify-content
is always working on a main axis.
It means, that when flex-direction: column;
, then justify-content
property aligns items verticallyh2
elements that has parent with both cl1
and cl2
classes.cl1.cl2 h2{
color: red;
}