Мы использовали некоторые уловки позиционирования, чтобы выровнять левый край логотипа и область основного содержимого, при этом заголовок все еще касался левого края страницы.
Блоки навигации по самой широкой ширине составляют 1/8 ширины родительского элемента навигации. Мы установили для них встроенный блок, чтобы они приняли эту ширину. В итоге нам приходится устанавливать ширину 12,49%, а не 12,5% из-за ошибок округления субпикселей.
Мы выяснили, как получить нижнюю тень навигации, но немного обеспокоены используемой техникой. Нам нужно поменять местами z-index каждого из пунктов меню, чтобы первые элементы были «наверху» и переходили вниз один за другим, а не последний. Для этого мы используем серию :nth-childселекторов.