CSS FlexBox Basics Magic 😎 `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-re