We gebruiken enkele positioneringstrucs om de linkerrand van het logo en het hoofdinhoudsgebied op één lijn te brengen, terwijl de koptekst nog steeds de linkerrand van de pagina raakt.
De navigatieblokken, op de breedste breedte, zijn 1/8 van de breedte van de nav-ouder. We hebben ze ingesteld op inline-block, zodat ze die breedte accepteren. We moeten de breedte uiteindelijk instellen op 12,49% in plaats van 12,5% vanwege afrondingsfouten bij subpixels.
We bedenken een manier om de onderste schaduw van de navigatie op gang te krijgen, maar maken ons een beetje zorgen over de gebruikte techniek. We moeten de z-index van elk van de menu-items omkeren zodat de eerste elementen “bovenaan” staan en één voor één naar beneden gaan in plaats van de laatste. We gebruiken een reeks :nth-childselectors om dit te doen.