Usamos alguns truques de posicionamento para alinhar a borda esquerda do logotipo e a área de conteúdo principal, mantendo o cabeçalho tocando a borda esquerda da página.
Os blocos de navegação, na largura mais ampla, têm 1/8 da largura do nav pai. Nós os configuramos para blocos embutidos para que aceitem essa largura. Acabamos tendo que definir a largura para 12,49% em vez de 12,5% devido a erros de arredondamento de subpixel.
Descobrimos uma maneira de obter a sombra inferior da navegação, mas estamos um pouco preocupados com a técnica usada. Precisamos inverter o índice z de cada um dos itens do menu para que os primeiros elementos fiquem “no topo” e descam um por um, em vez do último. Usamos uma série de :nth-childseletores para fazer isso.