Classi

Allineamento testo: gestione separata Desktop/mobile

Il tag usuale <p style="text-align: center;"> creato dalle icone di allineamento del tool editor deve essere sostituito con un tag che contiene una classe di allineamento, per esepio:  <p class="md:align-center">

Le classi per allineamento del testo su desktop sono precedute dal prefisso md:
md:align-left // md:align-center// md:align-right

Le classi per allineamento del testo su mobilenon hanno prefisso
align-left // align-center// align-right

Se viene applicata solo una classe desktop (e non una mobile) su mobile il testo prenderà l'allineamento automatico del blocco (per esempio allineamento sinistro su Content Simple, allineamento centrato su Grid-Card, ecc.)

Ecco alcuni esempi:

Esempio con gestione del solo solo testo desktop: testo allinato a destra su desktop ma con allineamento di default (sx) su mobile: <p class="md:align-right">

Esempio con gestione di entrambi i testi: testo allinato a sinistra su desktop ma allineato a destra su mobile : <p class="align-right md:align-left">

Esempio con gestione di entrambi i testi: testo allinato al centro su desktop ma allineato a destra su mobile : <p class="align-right md:align-center">