* Spazio colonna *
Se il dispositivo con cui si accede in questa pagina è minore di 700 pixel questo spazio si visualizzerà sopra lo spazio corpo, o sotto se si posiziona la colonna a sinistra dello spazio corpo quindi occorrerà tenerne conto per i menu dei link ed altri contenuti importanti
Il telaio di Penelope ♥
Esempio sito responsive con Flexbox css
Tutorial Home
..: :..
* Spazio corpo *
Il layout di questa pagina è realizzato con Flexbox css affinchè sia navigabile con ogni dispositivo.
Anche la navbar per i link principali è perfezionata per essere responsive, se visulizzata con uno schermo inferiore a 700 pixel
si traformerà in un "Hamburger menu" utilizzando sempre Flexbox css, ne avrete visti a decine, si visualizza con questa icona ☰ scritta in html
Uno spazio responsive deve essere pensato senza troppe "costrizioni" ovvero testo e immagini devono poter seguire la flessibilità dei contenitori
di riposizionarsi in base al tipo di dispositivo con cui si accede nelle pagine
Ho colorato i vari spazi in modo che si capisse com'è suddivisa la pagina, ovviamente si può utilizzare un unico colore di sfondo,
dipende dai gusti personali e dal tipo di spazio che si vuole realizzare
Titoletto...
Testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo...
Testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo, testo