Grid eller flöda?

Har du saker som ska ligga bredvid varandra på datorskärmen? För att puffar, text, bild, film som ligger bredvid varandra på datorn ska få optimal visning i mobil, så ska de kunna hamna under varandra. Använd därför inte "flöda" utan använd grid istället.

OBS! Undvik att lägga text, bild, annat bredvid varandra. Vår layout på harryda.se är gjord för att allt ska visas med full bredd i mittenspalten. Men exempelvis våra puffar är gjorda för att hamna bredvid varandra. Det finns också andra undantag.

Mittenspalten har 12 kolumner

Du behöver veta att mittenspalten har 12 kolumner. i exemplet nedan har vi en smalare bild vid sidan av texten. Bilden ligger i 5 kolumner, texten ligger i 7 kolumner = 12 kolumner. Begreppen som används är grid, rad, spalt, kolumn.

Exempel 5 kolumner bild och 7 kolumner text

Den är textmodulen ligger i en spalt som är 7 kolumner bred.

Bilden ligger i 5 kolumner.

Gör så här:

Gå till Innehåll
Högerklicka på Mittenspalt
Välj lägg till Grid, välj Flexibelt
Högerklicka på Grid, välj Lägg till gridrad
Gridraden byter namn till Rad och lägger sig under Grid.
Lägg till en bild
1. Högerklicka på Rad,
2. välj Lägg till spalt och...
3. välj ex 5 kolumner
4. (5 kolumner byter namn till Spalt och lägger sig under Rad.)
5. Markera Spalt och hämta ex bildmodul (bilden har originalstorlek men drar ihop sig i de 5 kolumnerna)
Lägg till text bredvid bilden
1. Högerklicka på Rad,
2. Välj Lägg till spalt och...
3. välj nu 7 kolumner (den förra var 5 och du lägger nu till 7 = 12)
4. (7 kolumner byter namn till Spalt och nu har du två spalter)
5. Markera Spalt och hämta ex en textmodul (textens bredd anpassar sig i de 7 kolumnerna)