Which value of justify-content in a flex row distributes space between items across the row?

• A. space-between
• B. center
• C. space-around
• D. space-evenly

Answer: (A)

Flexbox's justify-content controls how leftover space along the main axis is distributed. In a row, the main axis runs left to right, so this value determines horizontal spacing between items. The option that distributes remaining space only between items, with the first item flush at the start and the last item flush at the end, is space-between. If you had three items, there would be equal gaps between each pair and no gap at the container edges. Center would move the whole group toward the center, leaving equal space on both ends but not changing the gaps between items. Space-around inserts equal padding around each item, giving space at the ends as well as between items, while space-evenly makes all gaps equal including the ends. Therefore, space-between is the correct choice for distributing space between items across the row.