Modern HTML and CSS from the Beginning (Including Sass) - Flex Alignment & Order

This video tutorial covers the basics of using Flexbox in CSS to align items both horizontally and vertically. It starts with setting up an HTML structure and applying basic styles. The tutorial then explains how to use justify-content for horizontal alignment and align-items for vertical alignment. It also covers how to align individual items and change their order using CSS properties like align-self and order. The tutorial provides practical examples and tips for using these properties effectively.

What happens to the immediate children of a container when 'display: flex' is applied?

• They become block elements.

• They become inline elements.

• They become grid items.

• They become flex items.

Which property can be used to set a custom width for flex items?

• flex-grow

• flex-basis

• flex-direction

• flex-shrink

What is the default value for 'justify-content' in a flex container?

• flex-end

• center

• space-between

• flex-start

Which 'justify-content' value distributes space evenly around items?

• space-between

• flex-start

• space-around

• space-evenly

What is required for 'align-items' to work properly in a flex container?

• A set padding

• A set margin

• A set height

• A set width

Which 'align-items' value aligns items to the center vertically?

• center

• flex-end

• baseline

• flex-start

What does 'align-content' manage in a flex container?

• Alignment of individual items

• Spacing between items

• Vertical alignment of items

• Horizontal alignment of items

Which property is used to align items vertically when there is extra space?

• justify-content

• flex-basis

• align-items

• align-content

How can you align a single flex item differently from others?

• Using 'flex-direction'

• Using 'align-self'

• Using 'justify-content'

• Using 'align-items'

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

• flex-wrap

• flex-direction

• order

• align-content