Esercizio di oggi: Giallo Booleano Repo: htmlcss-responsive-layout Consegna: Dovremo riprodurre la nostra versione di Giallo Zafferano seguendo gli screenshot in allegato. L'approccio a questo progetto deve essere mobile first. Analizziamo bene il sito ed i mockup e partiamo quindi dal realizzare la versione mobile. Successivamente, proviamo ad accontentare le richieste del cliente come segue, aiutandoci con gli screenshot in allegato: IN MODALITA' TABLET (sopra i 768px)
- Il logo nell'header si allinea a sinistra x
- Il padding del contenuto principale della pagina aumenta x
- Compare il testo "(Dolce Tradizionale)" x
- La grandezza del titolo diventa più grande x
- Le informazioni della ricetta sotto il video si dispongono a griglia x
- I bottoni social si allargano x
- compare il banner pubblicitario x
- l'immagine nella descrizione della ricetta viene circondata dal testo x MODALITA' DESKTOP (sopra i 992px)
- La grandezza el titolo della ricetta aumenta ancora di più x
- Le informazioni della ricetta tornano a disporsi una sotto l'altra x
- Il video e le altre informazioni della ricetta si dispongono uno accanto all'altro x
- Compaiono i nomi delle piattaforme social x
- NEl footer i dati del sito e il menu di navigazione di dispongono sulla stessa linea ma su lati opposti x Bonus L'ideale sarebbe che se ci fosse spazio, l'immagine nella descrizione della ricetta venisse circondata dal testo anche su mobile ma solo se c'è spazio sufficiente INFO
- Il font utilizzato per il titolo è: 'Nerko One', cursive;
- Il font per il resto della pagina è: Montserrat, 'Helvetica Neue', sans-serif;
- L'indirizzo del video YT utilizzato è https://www.youtube.com/watch?v=JVT900H6s0g