Cu structura HTML pentru subsol, avem ceea ce avem nevoie pentru a începe stilarea și obținerea acestui subsol ca ceea ce am proiectat în Photoshop.
Creăm un nou fișier SCSS doar pentru subsol, deoarece are sens să rămânem modularizați și asta am făcut pentru orice altceva. Îl importăm în foaia de stil principală din partea de jos.
Întunecăm subsolul folosind doar puțin fundal RGBa. Sass ne ajută un pic pentru ca poti face acest lucru în Sass , care este super cool: rgba(black, 0.5); Folosim o umbră de casetă încorporată pentru a crea efectul de raft.
Împingem conținutul departe de margini cu căptușeala stângă și dreapta. Imediat trebuie să ajustăm cantitatea de căptușeală pe baza punctului de întrerupere curent.
Creăm subsolul subsolului în același mod. Este doar puțin mai întunecat pentru a face să pară cu un alt nivel mai jos.