# 020: Menyelesaikan Grid dan Menyiapkan Modul - Trik CSS

Anonim

Melanjutkan konsep "Don't Overthink It Grids", kita mendapatkan selokan di grid dengan hanya menggunakan beberapa padding sederhana. Kami mengekalkan bilangan padding dengan menggunakan semula $paddingpemboleh ubah global kami . Anda akan dapati bahawa kita menggunakan angka seberat itu mengikut gaya kita.

Kami menggayakan kelas "modul" dengan latar belakang sederhana dan bayangan kotak. Ini adalah kelas yang boleh digunakan semula yang boleh digunakan di mana sahaja.

Hasil akhirnya adalah grid fleksibel yang indah yang hanya memerlukan beberapa baris kod. Mungkin sedikit lebih rumit semasa kita bergerak, tetapi tidak terlalu banyak.