# 053: Reagoivat sarakkeet galleriaan CSS-temppuja

Sisällysluettelo

Lisäämme jonkin verran reagointikykyä galleriaan asettamallemme ruudukolle. Laajimmissa näytöissä se on asetettu neljään sarakkeeseen. Sitten aloitamme taukopisteiden lisäämisen erittäin helppojen @mixinsin kautta, jotka olemme perustaneet ja joita olemme käyttäneet uudelleen kaikkialla.

Äiti-karhu-murtumispisteessämme menemme alas 3 sarakkeeseen, sitten teemme väliaikaisen katkaisupisteen äidin-karhun ja vauvan-karhun välille, missä se hajoaa kahteen sarakkeeseen, sitten lopulta 1 sarake vauvan karhussa. Tämä on erittäin helppoa, koska meidän on vain muutettava, kuinka monta saraketta asetamme CSS3: n kautta column-count.

Lopetamme videon, jossa puhutaan gallerian tulevista tavoitteista. Olisi mukavaa, että voisimme ladata eri määrän kuvia erikokoisille näytöille ja käyttää todellisia pikkukuvia täysikokoisten kuvien sijaan. Ehkä jonain päivänä pääsemme sinne.

Tieto on, että ohjelmisto, jota käytän paikallisesti kuvakaappausten sieppaamiseen ja lataamiseen palvelimeen FTP: n kautta, on LittleSnapper.

Mielenkiintoisia artikkeleita...