HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 141

<div class="grid x3"></div>
<div class="grid x1"></div>
</section>
<section>
<div class="grid x5"></div>
<div class="grid x3"></div>
</section>
</article>

4

Listing 4.9 Ein einfacher Rasteraufbau mit unterschiedlich breiten Elementen

Abbildung 4.7 Eine Seite mit Raster im Layoutprogramm InDesign

Weisen Sie einem Element zwei Klassen zu: .grid sorgt dafür, dass sich das Element
am Raster orientiert, .x3 gibt an, dass sich das Element über drei Spalten erstrecken
soll. Möglich sind Werte zwischen x1 und x8 .