DESKTOP 1920x1080
Bij het ontwerpen van een webpagina voor desktop wordt de oppervlakte opgedeeld in 12 kolommen met een gutter width van 16 pixels. De linker- en rechtermarges zijn 140 pixels breed. Door het gebruik van 12 kolommen is er meer variatie tussen de locaties van elementen.
TABLET 1024x1366
Voor de tabletversie heb ik 10 kolommen gebruikt met een gutter width van 14 pixels. De marges aan de linker- en rechterkant bedragen 100 pixels. De dimensies 1024x1366 zijn gebaseerd op de 12,9-inch iPad Pro.
De fontgroottes op de tabletversie verschillen in het algemeen niet zoveel van de fontgroottes van de desktopversie.
MOBILE 390x844
De ontworpen pagina's voor mobile zijn gebaseerd op de iPhone 12 (Pro). Hiervoor heb ik 4 kolommen gebruikt met een gutter width van 16 pixels. De linker- en rechtermarges bedragen 17 pixels.
.
.
.
.