Akkor nyúlj hozzá, amikor a kész blokkok már nem adják ki a kívánt elrendezést. Az Oszlopok blokk két vagy három területet hoz létre, amelyekbe más blokkok kerülhetnek. Nagy szabadságot ad, ezért érdemes csak akkor használni, ha valóban egyedi kompozícióra van szükség.
Előbb keress kész komponenst. Kép és szöveg párosításához, funkciókhoz vagy árakhoz a célblokk általában egyszerűbb és kiszámíthatóbban reszponzív. Az Oszlopok akkor jó, ha több különböző blokkot akarsz saját arányban egymás mellé tenni.
Mobilon az oszlopok egymás alá kerülnek, ezért a sorrendnek ott is értelmesnek kell maradnia.
A keskenyebb oszlop jó rövid magyarázathoz vagy kisebb következő lépéshez.
A szélesebb oszlop több magyarázatot bír el. Ennél a mintánál nagyobb a hézag, középre igazított a függőleges elrendezés, mobilon pedig fordított sorrendet használunk, így a főtartalom kerül előre.
Két egyenrangú területnél mindkét oldal ugyanakkora helyet kap. Ez jó választás, ha a két tartalmi rész hasonló súlyú.
Második oszlop, ugyanakkora súllyal. Az Oszlopok konténerben nem csak szöveg lehet: különböző blokktípusokat is egymás mellé rendezhetsz.
Két oszlopnál az egyik oszlop lejjebb is indulhat, így például két magas fotó lépcsőzetesen áll egymás mellett. Az Eltolás beállításnál válaszd ki, melyik oszlop induljon lejjebb (Bal lejjebb vagy Jobb lejjebb), az Eltolás mértéke mezőben pedig azt, mennyivel: Kicsi, Közepes vagy Nagy.
Akkor a leghatásosabb, ha mindkét oszlop egy-egy képpel indul.
Ez az oszlop a szokásos helyén indul.
A jobb oszlop lejjebb indul, így a két magas fotó lépcsőzetesen áll egymás mellett.
Az arányok, a hézag és a mobilos viselkedés mellett minden oszlop saját megjelenést is kaphat.
Egy oszlop (panel), 50 / 50, 33 / 67, 67 / 33, 40 / 60, 60 / 40, 25 / 75, 75 / 25 vagy 33 / 33 / 33.
Az oszlopok közötti távolság a hézag nélkülitől a szélesig állítható.
Eltérő magasságú oszlopoknál a tartalom felülre, középre vagy alulra igazodhat.
Ha egymás alá kerülnek, választhatsz: Bal oszlop előre vagy Jobb oszlop előre. Az Egymás mellett ettől beállítás dönti el, mikortól állnak egymás mellett: Tablet (kb. 600px-es képernyőtől) vagy Laptop.
Oszloponként saját háttér, belső tér, keret, lekerekítés és árnyék adható.
Az egész blokk egyéni színű vagy inverz sávba kerülhet, a Tartalom szélessége pedig Olvasható, Széles vagy Teljes lehet.
A saját elrendezés akkor indokolt, ha a kész blokkok tényleg nem fedik le a feladatot.
Szabadság, amikor tényleg kell
Használd tudatosan az arányokat, a hézagot és a mobilos sorrendet — és csak akkor, ha egy kész blokk nem oldja meg egyszerűbben.