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-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
- How to use
flex-flowto control direction and wrapping of flex items.
- Various combinations of
flex-wrapto achieve the desired layout.