Web Design & Development Quiz

In a web design class, Tashi is learning about different components of a webpage. Her instructor explains that a card is used to display information in a structured way. What is a card in web design?

• A flexible content container

• A type of image format

• A database structure

• A programming language

Which property is used to create a flex container?

• display: grid;

• display: flex;

• display: inline;

• display: block;

What does the flex-direction property do?

• Specifies the direction of flex items

• Changes the background color

• Defines the alignment of items

• Sets the size of the container

Which value for flex-direction stacks items vertically?

• column

• row

• column-reverse

• row-reverse

What does the flex-wrap property control?

• Whether items should wrap or not

• The order of the items

• The color of the items

• The size of the items

What is the default value for the flex-wrap property?

• wrap

• nowrap

• wrap-reverse

• flex

Which property aligns flex items at the center of the container?

• justify-content: center;

• flex-wrap: wrap;

• align-items: start;

• flex-direction: column;

What does the justify-content property do?

• Changes the order of items

• Sets the size of items

• Aligns items horizontally

• Aligns items vertically

Which property specifies how much a flex item will grow?

• flex-order

• flex-shrink

• flex-grow

• flex-basis

What is the purpose of the order property in flex items?

• To change the color of items

• To align items in the center

• To specify the order of items

• To set the size of the items