The navigation bar above uses:
flex
: To lay out the list items horizontally.
space-x-4
: To create consistent spacing between the navigation links.
items-center
: To ensure all links are vertically centered within the navigation bar, which is crucial if items have different intrinsic heights (e.g., due to icons or different font sizes).