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.

In this course, you'll learn the fundamentals of flexbox and dynamic layouts by building a Twitter card

Technologies

List of Challenges:

1.Use display: flex to Position Two Boxes

2.Add Flex Superpowers to the Tweet Embed

3.Use the flex-direction Property to Make a Row

4.Apply the flex-direction Property to Create Rows in the Tweet Embed

5.Use the flex-direction Property to Make a Column

6.Apply the flex-direction Property to Create a Column in the Tweet Embed

7.Align Elements Using the justify-content Property

8.Use the justify-content Property in the Tweet Embed

9.Align Elements Using the align-items Property

10.Use the align-items Property in the Tweet Embed

11.Use the flex-wrap Property to Wrap a Row or Column

12.Use the flex-shrink Property to Shrink Items

13.Use the flex-grow Property to Expand Items

14.Use the flex-basis Property to Set the Initial Size of an Item

15.Use the flex Shorthand Property

16.Use the order Property to Rearrange Items

17.Use the align-self Property