What is the purpose of CSS Grid layout?
A). <div>The purpose of CSS Grid layout is to create animations and transitions.
B). <div>The purpose of CSS Grid layout is to build flexible and responsive two-dimensional grid-based layouts.
C). <div>The purpose of CSS Grid layout is to style text elements.
D). <div>The purpose of CSS Grid layout is to apply colors to elements.
How do you define the structure of columns and rows in CSS Grid?
A). <div>Using the grid-area property.
B). <div>Using the justify-content property.
C). <div>Using the grid-template-columns/grid-template-rows properties.
D). <div>Using the align-items property.
What is the purpose of using named grid areas in CSS Grid?
A). <div>To specify the size of grid areas.
B). <div>To create custom grid lines.
C). <div>To define the starting and ending grid lines for grid items.
D). <div>To simplify layout creation and organization within the grid layout.
How do you align grid items along the block axis within their grid area?
A). <div>Using the align-items property.
B). <div>Using the justify-content property.
C). <div>Using the grid-template-areas property.
D). <div>Using the align-content property.
How do you create named grid areas in CSS Grid?
A). <div>By using the grid-area property and specifying a name for the area.
B). <div>By using the align-items property.
C). <div>By using the justify-content property.
D). <div>By using the grid-column/grid-row properties.
How do you control the space between grid items and grid tracks in CSS Grid?
A). <div>Using the align-items property.
B). <div>Using the justify-content property.
C). <div>Using the grid-gap property.
D). <div>Using the align-content property.
How do you align grid items along the inline axis within a grid area?
A). <div>Using the justify-content property.
B). <div>Using the align-items property.
C). <div>Using the grid-template-areas property.
D). <div>Using the align-content property.
What is the purpose of the align-items property in CSS Grid?
A). <div>To align grid items along the inline axis.
B). <div>To align grid items along the block axis.
C). <div>To align grid items along the cross axis within their grid area.
D). <div>To align grid items along the main axis within their grid area.
What is the purpose of the grid-area property in CSS Grid?
A). <div>To define the size of a grid area.
B). <div>To specify the placement of a grid item within the grid.
C). <div>To create named grid areas within the grid layout.
D). <div>To align grid items along the cross axis within their grid area.
How can you align grid items along the cross axis within the grid container?
A). <div>Using the align-items property.
B). <div>Using the justify-content property.
C). <div>Using the grid-template-areas property.
D). <div>Using the align-content property.