Med HTML-strukturen for bunnteksten på plass, har vi det vi trenger for å starte stylingen og få denne bunnteksten til å se ut som den vi designet i Photoshop.
Vi oppretter en ny SCSS-fil bare for bunnteksten, fordi det bare er fornuftig å holde modulært, og det er det vi har gjort for alt annet. Vi importerer det til hovedformatet nederst.
Vi mørkner bunnteksten ved å bruke bare litt RGBa-bakgrunn. Sass hjelper oss litt fordi du kan gjøre dette i Sass som er super kul: rgba(black, 0.5); Vi bruker en innfelt bokseskygge for å skape den hylle-lignende effekten.
Vi skyver innholdet vekk fra kantene med venstre og høyre polstring. Med en gang må vi justere mengden av polstringen basert på gjeldende brytpunkt.
Vi styler bunnfoten på omtrent samme måte. Det er bare litt mørkere å få det til å se et nivå lavere ut.