Se strukturou HTML pro zápatí máme vše, co potřebujeme k zahájení stylingu a získání toho, aby zápatí vypadalo jako to, co jsme navrhli ve Photoshopu.
Vytváříme nový soubor SCSS jen pro zápatí, protože to má smysl udržovat modularizaci a to je to, co jsme dělali pro všechno ostatní. @ Importujeme to do hlavní šablony stylů dole.
Zápatí ztmavíme pomocí jen malého RGBa pozadí. Sass nám pomůže trochu, protože to lze provést v Sass, který je super cool: rgba(black, 0.5); K vytvoření efektu police použijeme stín vložené krabice.
Obsah vtlačíme od okrajů pomocí levé a pravé výplně. Okamžitě musíme upravit velikost této výplně na základě aktuálního bodu zlomu.
Stejným způsobem stylizujeme spodní zápatí. Je jen o něco tmavší, aby to vypadalo o další úroveň níže.