Come c’era da aspettarsi i nostri elementi blocco si dispongono uno sotto all’altro ed andranno ad occupare tutta la larghezza del suo contenitore, che da CSS è stata impostata all’80% della larghezza della finestra stessa. Ma il comportamento risulta molto diverso se andiamo a modificare la proprietà display ci questi stessi elementi, andiamo a vederla da vicino.

 

Come puoi notare, in qualsiasi situazione i nostri elementi occupano soltanto l’area del contenuto. Come ben sai con gli elementi block ed inline-block ti sarà possibile anche specificare delle dimensioni (cosa che non potrai fare con gli inline) ma comunque sia per far questo dovrai affidarti a delle unità di misura che non sempre si comportano bene e che sopratutto non ci aiutano a lavorare tranquillamente con i margin ed i padding; questo perché dovrai stare sempre attento ai valori che andrai ad utilizzare

ora non abbiamo fatto altro che riprendere alcuni concetti presentati nella lezione precedente ed abbiamo fatto qualche esempio su come si modifica il comportamento degli elementi contenuti quando il contenitore viene impostato a display: flex, adesso è giunto il momento di scoprire da vicino la proprietà flex che ti sarà incredibilmente utile per personalizzare la disposizione dei vari elementi.

Riprendiamo per un momento la sua dichiarazione:

 

fsdfergfrgtgergergergewfef

anche questa è una prova

questa è una prova