# 020: Menyelesaikan Kisi dan Menyiapkan Modul - Trik CSS

Anonim

Melanjutkan konsep “Don't Overthink It Grids”, kami mendapatkan talang di grid hanya dengan menggunakan beberapa padding sederhana. Kami menjaga konsistensi nomor padding dengan menggunakan kembali $paddingvariabel global kami . Anda akan menemukan bahwa kami menggunakan nomor itu satu ton saat kami melakukan gaya kami.

Kami menata kelas "modul" dengan latar belakang sederhana dan bayangan kotak. Ini adalah kelas yang sangat dapat digunakan kembali dan dapat digunakan di mana saja.

Hasil akhirnya adalah kisi fleksibel yang indah yang hanya mengambil beberapa baris kode. Ini mungkin menjadi sedikit lebih kompleks saat kita melanjutkan, tetapi tidak terlalu banyak.