CSS Flexbox

Flexbox is a powerful, well-supported layout method that was introduced with the latest version of CSS, CSS3. With flexbox, it’s easy to center elements on the page and create dynamic user interfaces that shrink and expand automatically.

---

Table of contents

• Use display: flex to Position Two Boxes
• Add Flex Superpowers to the Tweet Embed
• Use the flex-direction Property to Make a Row
• Apply the flex-direction Property to Create Rows in the Tweet Embed
• Use the flex-direction Property to Make a Column
• Apply the flex-direction Property to Create a Column in the Tweet Embed
• Align Elements Using the justify-content Property
• Use the justify-content Property in the Tweet Embed
• Align Elements Using the align-items Property
• Use the align-items Property in the Tweet Embed
• Use the flex-wrap Property to Wrap a Row or Column
• Use the flex-shrink Property to Shrink Items
• Use the flex-grow Property to Expand Items
• Use the flex-basis Property to Set the Initial Size of an Item
• Use the flex Shorthand Property
• Use the order Property to Rearrange Items
• Use the align-self Property