”Standard-rutnätssystemet” använder 12 kolumner, vilket ger en 1200px bred behållare.
När tittar på något med lägre upplösning, som tex via mobil, så kommer kolumnerna staplas kolumnerna vertikalt.
Exempel Med två kolumner med samma bredd
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Exempel MED TRE kolumner med samma bredd
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Exempel MED TRE kolumner med samma bredd
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Exempel MED TRE kolumner med olika bredd (3 + 4 + 5)
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild. Här kan stå en lång eller kort text. Men det går även att lägga in en bild.
The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.
Rutnätssystemet är ett hjälpmedel, inte en garanti. Det tillåter ett antal möjliga användningsområden och varje designer kan leta efter en lösning som passar hans personliga stil. Men man måste lära sig hur man använder nätet; det är en konst som kräver övning.