CSS Layouts

How can you create a grid container in CSS?

• By setting the display property to "grid".

• . By setting the flex property to "grid".

• By setting the display property to "flex".

• By setting the grid property to "container".

What is the main difference between grid and flexbox?

• Grid is one-dimensional while flexbox is two-dimensional.

• Grid is designed for smaller layouts while flexbox is for larger ones.

• Flexbox is one-dimensional while grid is two-dimensional.

• Flexbox is designed for smaller layouts while grid is for larger ones.C

How can you specify the number of columns in a grid layout?

• By using the grid-column property.

• By using the grid-row property.

• By using the grid-template-rows property.

• By using the grid-template-columns property.

What is the purpose of the justify-items property in grid layout?

• To align grid items horizontally within their grid cells.

• To align grid items vertically within their grid cells.

• To align the grid items to the right of their grid container.

• To align the grid items to the left of their grid container.

How can you create a grid item that spans multiple columns?

• By using the grid-row property.

• By using the grid-template-rows property.

• By using the grid-column property.

• By using the grid-template-columns property.

How can you center a flexbox container horizontally and vertically?

• By setting the flexbox property to "center".

• By setting the flex-direction property to "center".

• By setting the justify-content and align-items properties to "center".

• By setting the display property to "center".

What is the purpose of the flex-wrap property in flexbox layout?

• To control the spacing between the flexbox items.

• To control whether the flexbox items should wrap onto a new line.

• To control the size of the flexbox items.

• To control the direction of the flexbox items.

How can you align a grid item to the center of its grid cell?

• By setting the justify-content property to "center".

• By setting the justify-self property to "center".

• By setting the align-self property to "center".

• By setting the align-content property to "center"

How can you specify the order in which flexbox items should appear?

• By using the flex-order property.

• By using the order property.

• By using the flex-wrap property.

• By using the flex-direction property.

What is the purpose of the flex-grow property in flexbox layout?

• To control the spacing between flexbox items.

• To specify the width of a flexbox item.

• To allow a flexbox item to grow and take up extra space.

• To prevent a flexbox item from growing beyond a certain size.