Flexbox Flex Flow Lab
Medium
13
50.0% Acceptance
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
andflex-wrap
to achieve the desired layout.