Folosim câteva trucuri de poziționare pentru a alinia marginea stângă a logo-ului și zona principală de conținut, în timp ce antetul încă atinge marginea stângă a paginii.
Blocurile de navigație, la cea mai mare lățime, sunt 1/8 lățimea nav nav. Le-am setat să fie blocate în linie, astfel încât să accepte lățimea respectivă. În sfârșit, trebuie să setăm lățimea la 12,49%, mai degrabă decât 12,5%, din cauza erorilor de rotunjire a subpixelului.
Ne dăm seama o modalitate de a obține umbra de jos a navigației, dar suntem puțin îngrijorați de tehnica utilizată. Trebuie să inversăm indexul z al fiecărui element de meniu, astfel încât primele elemente să fie „sus” și să coborâm unul câte unul, mai degrabă decât ultimul. Folosim o serie de :nth-child
selectoare pentru a face acest lucru.