Dengan struktur HTML untuk footer di tempat, kami memiliki apa yang kami butuhkan untuk mulai menata dan membuat footer ini terlihat seperti yang kami rancang di Photoshop.
Kami membuat file SCSS baru hanya untuk footer, karena itu masuk akal untuk tetap termodulasi dan itulah yang telah kami lakukan untuk yang lainnya. Kami @ mengimpornya ke dalam lembar gaya utama di bagian bawah.
Kami menggelapkan footer hanya dengan menggunakan sedikit latar belakang RGBa. Sass membantu kami sedikit karena Anda dapat melakukan ini di Sass yang sangat keren rgba(black, 0.5):; Kami menggunakan bayangan kotak inset untuk menciptakan efek seperti rak.
Kami mendorong konten menjauh dari tepi dengan bantalan kiri dan kanan. Segera kita perlu menyesuaikan jumlah padding itu berdasarkan breakpoint saat ini.
Kami menata footer bawah dengan cara yang hampir sama. Hanya sedikit lebih gelap untuk membuatnya terlihat lebih rendah.