How do you ensure a grid item spans across multiple columns in CSS Grid?
A). <div>Using the grid-gap property.
B). <div>Using the grid-template-columns property.
C). <div>Using the grid-template-areas property.
D). <div>Using the grid-column 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 can you specify the placement of a grid item within the grid in CSS Grid?
A). <div>Using the grid-template-areas property.
B). <div>Using the justify-content property.
C). <div>Using the align-items property.
D). <div>Using the grid-column/grid-row properties.
What does the justify-content property control in CSS Grid?
A). <div>The alignment of grid items along the inline axis.
B). <div>The alignment of grid items along the block axis.
C). <div>The alignment of grid items along the cross axis within the grid container.
D). <div>The spacing between grid items and grid tracks.
How can you create a responsive grid layout in CSS Grid?
A). <div>By using fixed pixel values for grid tracks.
B). <div>By using media queries to adjust grid properties based on screen size.
C). <div>By setting the grid-template-areas property.
D). <div>By using the align-items property.
Which property is used to define a grid container in CSS Grid?
A). <div>grid-column
B). <div>display
C). <div>grid-gap
D). <div>justify-items
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.
How do you specify the starting and ending grid lines for a grid item in CSS Grid?
A). <div>Using the grid-template-columns/grid-template-rows properties.
B). <div>Using the justify-items property.
C). <div>Using the align-items property.
D). <div>Using the grid-column/grid-row properties.
What does the grid-gap property control in CSS Grid?
A). <div>The size of grid areas.
B). <div>The space between grid items and grid tracks.
C). <div>The alignment of grid items along the block axis.
D). <div>The alignment of grid items along the inline axis.
How can you distribute grid items evenly along the inline axis within the grid container?
A). <div>Using the align-items: center;
B). <div>Using the justify-items: center;
C). <div>Using the justify-content: center;
D). <div>Using the align-content: center;