In prima parte, abbiamo sfiorato come sfruttare la potenza del display: flex nei layout del tuo sito web e quanto versatile sia stato il nuovo concetto di layout. Tenendo presente i pensieri del video precedente, ora possiamo adattare il processo e utilizzarlo come parte di un design reattivo.
Il design reattivo consente all'utente di visualizzare un layout preso in considerazione e mirato specificamente per la piattaforma su cui sta visualizzando la pagina e, nel tutorial di oggi, utilizzerò la marcatura di Flexbox per mostrarti come aiutarti a creare layout dinamici e malleabili per tutti i dispositivi , utilizzando le tradizionali query multimediali utilizzate frequentemente nel markup del design reattivo.
Discuteremo anche i vantaggi di riorganizzare e ridimensionare gli elementi reattivi in un lampo e cosa significa per il flusso di lavoro del tuo prossimo progetto. A questo ritmo, ci auguriamo di poter vedere la parte posteriore di quei fastidiosi fastidi nel prossimo futuro!
Hai usato l'approccio della scatola flessibile al layout? Preferisci un metodo diverso? Fateci sapere nei commenti.
Immagine in primo piano / miniatura, immagine flessibile via Shutterstock.