Naštýlovanie päty stránky

Pomocou debugeru v Google Chrome si pozrieme akú výšku má navigačné menu, vďaka čomu sme zistili, že je vysoké 60px. Aby sme v rámci jednotnosti zachovali hlavičku a pätu stránky rovnakú pridelíme pre element footer height na 60px.

Zároveň chceme text v päte zarovnať na stred, preto mu pridelíme pomocou paddingu zarovnanie zo všetkých strán vo výške 1.56rem.

footer {
  height: 60px;
  padding: 1.50rem;
}

Na záver pre lepšiu viditeľnosť, zväčšíme veľkosť ikoniek pre sociálne siete na 1.25rem.

.fa {
  font-size: 1.25em;
}

Pekné však? Pozri sa v prehliadači, ako vyzerá tvoja webstránka v tejto chvíli. Určite lepšie ako predtým, než sme pridali náš CSS štýl.