Read on Twitter
)
1.) Container.
: To determine that you want to use flexbox on the elements and its child elements we had the display property: flex.
.parent {
display: flex;
}
: To determine that you want to use flexbox on the elements and its child elements we had the display property: flex.
.parent {display: flex;
}
2.) Container - flex - direction.
: With this property we can determine the position of all the direct children that have relative position.
.container{
flex-direction: row | row-reverse | column | column-reverse;
}
: With this property we can determine the position of all the direct children that have relative position.
.container{flex-direction: row | row-reverse | column | column-reverse;
}
3.) Container - flex - wrap.
: Will determine if when the children overflow based on the parent element the child element drops or stays on the same line.
.container{
flex-wrap: nowrap | wrap | wrap-reverse;
}
: Will determine if when the children overflow based on the parent element the child element drops or stays on the same line.
.container{ flex-wrap: nowrap | wrap | wrap-reverse;
}
4.) Container - justify - content.
: Change the position of child elements horizontally.
.container{
justify-content: flex-start | flex-end | center | space-between | space-around;
}
: Change the position of child elements horizontally.
.container{ justify-content: flex-start | flex-end | center | space-between | space-around;
}
5.) Container - align - items.
: Change the position of all the elements within the parent element.
.container{
align-items: flex-start | flex-end | center | stretch;
}
: Change the position of all the elements within the parent element.
.container{align-items: flex-start | flex-end | center | stretch;
}
This is my first ever 
. So please let me know your feedbacks on this one. I appreciate your reading so far
Inspiration : @__akash__19
& @thisismanaswini
(Ps: i felt like i was 5 when i started filling those boxes
)
. So please let me know your feedbacks on this one. I appreciate your reading so farInspiration : @__akash__19
& @thisismanaswini
(Ps: i felt like i was 5 when i started filling those boxes
)
