Ciao Ragazzi,
Esercizio di oggi: Boolando
nome repo: html-css-boolando
Descrizione Ci ispiriamo al sito di Zalando per riprodurre il layout nello screenshot. Per ogni prodotto sono fornite 2 immagini: la prima sarà visualizzata all'apertura della pagina, la seconda sarà visualizzata al posto della prima, quando il cursore del mouse va in hover sulla card. Sono presenti anche un header in posizione fixed e un footer.
Regole da usare Tutte le regole che abbiamo visto fino ad oggi. Servirà qualche posizionamento particolare? Ai posteri l'ardua sentenza!
Consigli: Analizzate prima il layout solo con i commenti, poi passate ai blocchi colorati. Solo se i blocchi colorati funzionano passiamo al particolare...
Aiutatevi con le slides e ricordatevi quanto fatto nel livecoding dello shop.
Bonus
All'hover sul cuoricino, questo diventa rosso Buon lavoro!