This example shows a common header layout where the logo is on the left and navigation links are on the right.
The parent `div` has `flex` to enable flexbox layout and `justify-between` to distribute space.
- The "Logo" (first child) is pushed to the far left.
- The `nav` element (second child) is pushed to the far right.
- `items-center` is used to vertically align the logo and nav links in the center of the header.