CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - What Is Flexbox?

The video tutorial introduces CSS Flexbox, highlighting its advantages over traditional float-based layouts. It covers the basics of Flexbox, including its properties and concepts like the main and cross axis. The tutorial explains the properties of Flex containers and Flex items, providing a comprehensive understanding of how to use Flexbox for web design. Practical examples are promised to help solidify the concepts.

What is one of the main advantages of using CSS Flexbox over floats?

• It provides a more flexible and easier way to align elements.

• It is less supported by modern browsers.

• It is more complex to understand.

• It requires more coding effort.

In the Flexbox model, what is the default direction of the main axis?

• Top to bottom

• Left to right

• Bottom to top

• Right to left

Which property is used to define the direction of flex items in a container?

• align-items

• flex-direction

• justify-content

• flex-wrap

What does the 'justify-content' property do in a Flexbox container?

• Aligns items along the cross axis

• Defines the direction of flex items

• Aligns items along the main axis

• Wraps items into multiple lines

Which property allows you to change the order of flex items without altering the HTML structure?

• flex-basis

• flex-grow

• align-self

• order

What is the purpose of the 'align-self' property in Flexbox?

• To wrap items into multiple lines

• To align individual items along the cross axis

• To define the direction of the main axis

• To change the size of flex items

Which property is used to control the growth of flex items?

• flex-shrink

• flex-grow

• order

• flex-basis