css-grid

What CSS property is used to enable the CSS Grid layout for an element?

• grid-container

• display: grid;

• grid-layout: enable;

• grid: true;

What CSS property is used to control the space between grid items in CSS Grid?

• space

• margin

• padding

• gap

What is the purpose of the grid-area property in CSS Grid?

• It sets the background color of the grid.

• It defines the area that a grid item will occupy.

• It controls the spacing between grid items.

• It specifies the layout of the grid rows.

How can you apply the defined grid areas to grid items using grid-template-areas?

• By setting the 'grid-area' property on each grid item with the corresponding area name.

• By using the 'grid-items' property and specifying the areas.

• By applying the 'grid-template-areas' property directly to each grid item.

• By using the 'area: name;' property on the grid container.

How can you define a 3x3 grid with specific named areas using grid-template-areas?

• grid-template-areas:

  "header header header"

  "main main main" "footer footer footer";

• grid-areas:

  "header header header"

  "main main main" "footer footer footer";

• grid-template:

  "header header header"

  "main main main" "footer footer footer";

• areas:

  "header header header"

  "main main main" "footer footer footer";