Blog

Question 1:  What is the CSS property used to define a grid container?

(A) display: flex;

(B) display: grid;

(C) grid-template-columns;

Question 2:  Which property defines the number and size of columns in a CSS Grid?

(A) grid-template-columns

(B) grid-template-rows

(C) grid-area

Question 3:  What value of grid-template-columns creates three equal columns?

(A) 100px 100px 100px

(B) 1fr 1fr 1fr

(C) auto auto auto

Question 4:  Which property is used to control the space between grid items?

(A) gap

(B) spacing

(C) margin

Question 5:  What is the default value of grid-auto-flow?

(A) row

(B) column

(C) dense

Question 6:  Which property allows an item to span multiple columns?

(A) grid-column

(B) column-span

(C) grid-span

Question 7:  What unit is commonly used for flexible grid track sizing?

(A) %

(B) fr

(C) px

Question 8:  What is the purpose of grid-template-areas?

(A) To define named grid areas

(B) To set column width

(C) To align grid items

Question 9:  Which property aligns grid items along the column (vertical) axis?

(A) justify-content

(B) align-content

(C) align-items

Question 10:  How do you make a grid item occupy multiple rows?

(A) grid-row: span 2;

(B) row-span: 2;

(C) grid-area: span 2;