Il layout dovrà essere progettato su una griglia con un massimo di 6 colonne.
È possibile tuttavia suddividere ulteriormente ciascuna di queste colonne sempre fino a un massimo di 6 colonne. Non è possibile fare ulteriori nidificazioni oltre alla prima.
La stessa suddivisione in colonne è possibile farla per i vari breakpoint che sono 3:
- Monitor grande (Desktop – Laptop)
- Medio (Tablet)
- Piccolo (Smartphone)
Sarà necessario impostare una larghezza massima del “main content” che sia la stessa per le risoluzioni che vanno dagli schermi Desktop grandi (es. ≥ 1920px) fino a monitor Laptop più piccoli (es. ≥ 1280px).
È possibile progettare anche delle parti o interi layout “fluidi”: dovrai tenere in considerazione le dimensioni dei vari dispositivi su cui verrà poi visualizzato il sito dopo il suo sviluppo.
