Met de HTML-structuur voor de voettekst op zijn plaats, hebben we wat we nodig hebben om te beginnen met stylen en om deze voettekst eruit te laten zien als wat we in Photoshop hebben ontworpen.
We maken een nieuw SCSS-bestand alleen voor de voettekst, omdat dat gewoon logisch is om modulair te blijven en dat is wat we voor al het andere hebben gedaan. We @importeren het in het hoofdstijlblad onderaan.
We maken de voettekst donkerder door slechts een beetje RGBa-achtergrond te gebruiken. Sass helpt ons een beetje, want je kunt dit doen in Sass dat is super cool: rgba(black, 0.5); We gebruiken een schaduw van een inzetbak om het plankachtige effect te creëren.
We duwen de inhoud weg van de randen met links en rechts opvulling. We moeten meteen de hoeveelheid van die opvulling aanpassen op basis van het huidige breekpunt.
We vormen de onderste voettekst op vrijwel dezelfde manier. Het is gewoon een beetje donkerder om het er een ander niveau lager uit te laten zien.