# 020: Ruudukon viimeistely ja moduulien asettaminen - CSS-temppuja

Anonim

Jatkamalla "Älä ajattele sitä ruudukkoa" -periaatetta, saamme ruudukossa olevat kourut yksinkertaisen pehmusteen avulla. Pidämme täytemäärän yhtenäisenä käyttämällä uudelleen globaalia $paddingmuuttujaa. Tulet huomaamaan, että käytämme tätä lukua tonnia muotoillessamme.

Tyylitämme moduuliluokan yksinkertaisella taustalla ja laatikkovarjolla. Tämä on erittäin uudelleenkäytettävä luokka, jota voidaan käyttää missä tahansa.

Lopputulos on ihana joustava ruudukko, joka kesti vain muutaman koodirivin. Se voi muuttua hieman monimutkaisemmaksi eteenpäin, mutta ei liikaa.