Con ogni nuova revisione dei CSS, vengono alla luce una pletora di nuovi, eccitanti attributi; uno dei quali è il display minimizzato: approccio flessibile.

Il modello di layout flexbox è stato spostato sul web per un po 'di tempo, ogni volta con una sua variazione sull'approccio (alcuni obsoleti, come il display: box o display: metodo flexbox).

Nella guida di oggi, scopriremo i vantaggi dell'utilizzo della tecnica Flexbox nei nostri layout.

Alcune grandi caratteristiche del nuovo modello includono:

  • Dimensionamento basato sul rapporto facile; non c'è bisogno di toccare il tuo HTML
  • Riordina con una brezza usando gli interi all'interno del foglio di stile
  • Si applica a tutti gli elementi figlio all'interno di un genitore correttamente definito
  • Niente più clearfix!

In parte 2 daremo un'occhiata a come fare ancora di più, e trasformare il layout della tua flexbox in un design responsive a tutti gli effetti!

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.