Editor Studio: informazioni su celle e griglie

Le griglie sono uno strumento potente quando si tratta di design responsivo. La griglia è composta da celle e ogni elemento, o gruppo di elementi, ha una propria cella. Ciò mantiene il layout al suo posto su schermi di tutte le dimensioni, assicurando che gli elementi non si sovrappongano.  

Puoi aggiungere celle per organizzare una sezione o applicare una griglia CSS avanzata per un controllo più preciso. La griglia CSS è disponibile anche per elementi come contenitori e liste dinamiche che non possono essere divisi in celle.

Nell'Editor Studio, le sezioni sono dotate di una griglia integrata contenente una singola cella (che ospita l'intera sezione). Puoi suddividere il layout della sezione in più celle per dare una struttura responsiva al contenuto. Ci sono vari layout personalizzabili tra cui scegliere.

Dopo aver scelto il layout pertinente, perfezionalo in base alle tue esigenze aggiungendo nuove celle o suddividendo quelle esistenti. Per regolare le dimensioni di ogni cella, trascina le linee della griglia sull'area di lavoro.

Hai bisogno di un controllo più preciso della griglia di sezione? Passa a una griglia CSS avanzata per regolare le righe, le colonne e le loro dimensioni con misurazioni avanzate (es. fr, Min/max, %). Puoi personalizzare queste impostazioni per punto di interruzione in modo che la griglia sia adatta a tutte le dimensioni di schermo.

Applica una griglia CSS avanzata a un'intera sezione o solo a una cella specifica. È anche un modo per aggiungere una griglia ad elementi diversi dalle sezioni, come un contenitore o una lista dinamica. Se l'opzione è disponibile, puoi trovarla nella sezione Layout nel pannello Ispezione.

Clicca su una domanda qui sotto per saperne di più sulle griglie nell'Editor Studio.