CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Aligning Grid items

The video tutorial covers CSS grid alignment properties, focusing on justify items and align items for horizontal and vertical alignment, respectively. It explains how to use justify self and align self for individual grid items and discusses alignment when items span multiple cells. The tutorial encourages practice with these properties for better understanding.

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

• To align grid items vertically inside cells

• To align grid items horizontally inside cells

• To change the size of grid items

• To create new grid tracks

Which value of justify-items aligns items to the left side of a grid cell?

• End

• Start

• Center

• Stretch

What is the default value of the align-items property in CSS Grid?

• Center

• Start

• End

• Stretch

How does the align-items property affect grid items?

• It creates new grid columns

• It aligns items vertically

• It changes the color of items

• It aligns items horizontally

Which property would you use to align a single grid item horizontally?

• Justify-items

• Align-self

• Align-items

• Justify-self

What happens when justify-self is set to 'center' for an item spanning multiple cells?

• The item is aligned to the left of the entire area

• The item is aligned to the right of the entire area

• The item is centered within the entire area

• The item is stretched across the entire area

Which property allows you to align a single grid item vertically?

• Justify-items

• Align-self

• Align-items

• Justify-self