Frontend Web Development Bootcamp - Build a Twitter Clone - Aligning Grid Items

The video tutorial covers how to align grid items and tracks using CSS Grid. It compares grid alignment properties with those of Flexbox, focusing on justify items and align items for horizontal and vertical alignment, respectively. The tutorial also explains how to use justify self and align self for individual item alignment and discusses the behavior of items spanning multiple grid cells.

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

• Stretch

• End

• Start

• Center

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

• Center

• End

• Start

• Stretch

What does the align-items property do in CSS Grid?

• Aligns items horizontally

• Aligns items vertically

• Aligns items in a circular pattern

• Aligns items diagonally

Which value of align-items places items at the top of the grid cell?

• End

• Stretch

• Start

• Center

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

• Aligns individual grid items vertically

• Aligns all grid items horizontally

• Aligns individual grid items horizontally

• Aligns all grid items vertically

How does the align-self property affect grid items?

• It aligns individual items vertically

• It aligns all items vertically

• It aligns all items horizontally

• It aligns individual items horizontally

What happens when a grid item spans multiple cells and justify-self is set to center?

• The item is aligned to the left of the area

• The item is aligned to the right of the area

• The item is centered in the entire area

• The item is stretched across the area