Flexbox Flex Flow Lab

In this lab, you will be practicing flex-flow property in CSS. The flex-flow property is a shorthand for the flex-direction and flex-wrap properties. It allows you to control the direction in which the flex items should be laid out and whether they should wrap or not. We will create an HTML structure with a container and flex items. You will apply different flex-flow values to have a better understanding of this property and how it works with various combinations. You will write the CSS code and we will then evaluate your code based on the challenges given.

You will learn:

• What is flex-flow property.
• How to use flex-flow to control direction and wrapping of flex items.
• Various combinations of flex-direction and flex-wrap to achieve the desired layout.