65 of 300

Navigation 65

Bar layout: Split

Wordmark on the left, menu in the middle, actions on the right: three groups, each with its own job.

A CSS grid with the menu in the exact middle

  • WhyThe most learned composition on the web. The centered menu looks calm, and the eye finds the logo and the button where it expects them.
  • RiskIt looks like everyone else's, because it is. The quality has to come from the details.
  • TechniqueA grid with the columns 1fr auto auto 1fr, so the menu is centered whatever the width of the logo and the buttons.