Introduction to CSS Grid Layout

What is the purpose of using CSS Grid in web design?

• To create animations

• To lay out items across a grid of horizontal and vertical lines

• To style text

• To manage server requests

In CSS Grid, what is a "grid track"?

• The space between two parallel grid lines

• The entire grid container

• A single grid item

• The space between four grid lines

What is the first step in creating a grid layout in HTML?

• Add CSS styles to each grid item

• Set the display property of the container to grid

• Define the grid areas

• Add JavaScript to manage the grid

How can you visualize grid lines, tracks, and areas in a web application?

• By using a text editor

• By opening the app in Firefox

• By using a calculator

• By printing the HTML code

What does each cell in a CSS Grid represent?

• A pixel

• A fractional unit

• A percentage

• A character

Which property is used to define the layout of grid areas?

• grid-template-rows

• grid-template-columns

• grid-template-areas

• grid-gap

How can you adjust the size of columns in a CSS Grid?

• By using the font-size property

• By setting a fixed pixel value or fractional units

• By changing the background color

• By using the border property

What property is used to add spacing between grid lines?

• grid-gap

• margin

• padding

• border-spacing

Which functions can help avoid duplication in larger grids?

• min, max, and repeat

• add, subtract, and multiply

• start, stop, and pause

• open, close, and save

What is the purpose of the justify-items property in CSS Grid?

• To change the color of grid items

• To center grid items vertically or horizontally

• To add animations to grid items

• To delete grid items