The "Gotcha": If navigation items have different natural heights (e.g., one has an icon, another is multi-line text), forgetting
items-center
can make the items look jagged.
items-center
(Jagged Alignment)
Observe how the items above are misaligned vertically because they have varying heights and
items-center
is missing.
items-center
(Correct Alignment)
With
items-center
, the items are now properly aligned vertically, regardless of their individual heights.