81.8K
COCSS FlexBox Basic Magic Animation π€―π `flex-direction` sets the direction of flex items (horizontal or vertical), and `justify-content` aligns them along that direction.
β
`flex-direction`: Determines if flex items are arranged horizontally or vertically, and their order.
β
`justify-content`: Defines how flex items are spaced along the main axis of the flex container, with options like start, end, center, and evenly distributed.
π§βπ» Basic Syntax -
.container {
display: flex;
flex-direction: row | row-reverse | column | column-reverse;
}
.container {
justify-content: flex-start | flex-end | center | space-between | space-around;
}
β€οΈ Hit the heart icon and show your love to this video π
|
π² Comment down your thoughts and doubts βοΈ
|
πΈ Share with your other frontend friends and spread the exciting tricks tips π₯
β’ β’ β’
ποΈ π¦π§ππ¬ ππ’π‘π‘πππ§ππ πππ ! π
π ππππππ Β» πΒ @coding.stellaΒ π
π Learn daily Β» πhis page is beginner friendly π€
Hastags π·οΈ:
#flexbox #animation #css #grid #responsive csstips computerscience html coders fullstack codingisfun codingchallenge learncode reactjs codinggirl programmerslifeπ» 100daysofcode csstricks codingjokes 100daysofcodechallenge frontenddev reelsinstagram frontenddeveloper frontendengineer html5 htmltutorial html5website htmlcode html_css
@coding.stella
