# 019: Membangun Kisi Sederhana - Trik CSS

Anonim

Desain situs sedang dibentuk menjadi sangat mirip kisi. Modul kami akan disusun dengan sangat rapi ke dalam kisi. Tapi bukankah grid itu rumit dan aneh? Dan mungkin kita harus menggunakan kerangka kerja mewah di luar sana? Nah. Itu mudah. Kami akan menyiapkan yang sederhana hanya dalam beberapa menit. Konsep yang bekerja di sini menginspirasi artikel "Don't Overthink It Grids".

Tentu saja, kami mengalami beberapa masalah di sepanjang jalan (seperti yang Anda alami). Dalam kasus ini, kami menggunakan pemilih atribut yang tidak cocok seperti yang kami inginkan.

Kami juga menyiapkan file CSS "kotak alat" yang akan berisi kelas-kelas yang umum, dapat digunakan kembali, dan jenis yang berguna secara global. Yang pertama, seperti biasa, adalah Clearfix - sedikit CSS yang dapat kita gunakan pada elemen induk yang tidak ingin kita tutup karena turunannya yang mengambang. Kami tidak memuat CSS kotak alat ini sebagai file terpisah, kami @ mengimpornya ke global.

Kami mendapatkan gridnya berfungsi, tetapi kami masih memiliki pekerjaan yang harus dilakukan untuk membuat modul berada di sana dengan benar dan mengatur talang.