Įvedę poraštės HTML struktūrą, turime tai, ko mums reikia norint pradėti kurti stilių, kad ši poraštė atrodytų tokia, kokią sukūrėme „Photoshop“.
Mes sukuriame naują SCSS failą, skirtą tik poraštei, nes tai yra prasminga išlaikyti modulinį ir tai mes darėme dėl viso kito. @Importuojame jį į pagrindinį stiliaus lapą apačioje.
Mes tamsiname poraštę, naudodami tik mažą RGBa foną. Sass padeda mums šiek tiek, nes jūs galite tai padaryti Sass, kuris yra kiečiausias: rgba(black, 0.5); Norėdami sukurti į lentyną panašų efektą, naudojame įdėtos dėžės šešėlį.
Turinį nustumiame nuo kraštų kairiuoju ir dešiniuoju užpildu. Iš karto turime pakoreguoti to užpildo kiekį pagal dabartinį lūžio tašką.
Apatinę poraštę mes formuojame panašiai. Tik šiek tiek tamsiau, kad jis atrodytų kitu lygiu žemiau.
