Question 04
What does this CSS
property do?
Identify the behaviour created by the highlighted property in a Figma auto-layout component.
CSS
/* Component wrapper */
.card {
display: flex;
flex-direction: column;
align-items: center; ← ?
gap: 16px;
}
A
Distributes children evenly with space between them
B
Centers children along the cross axis
✓
C
Sets the main axis alignment to center
✗
D
Adds padding inside each child element
✦ Good to know
align-items controls cross-axis alignment in flexbox — perpendicular to the main axis. In a column layout, this horizontally centers child elements.