Skip to content

Latest commit

 

History

History
11 lines (11 loc) · 1.34 KB

README.md

File metadata and controls

11 lines (11 loc) · 1.34 KB

Ciao Ragazzi, Esercizio di oggi: Discord cartella/repo htmlcss-discord Copiamo il lavoro di venerdì in una nuova repo, attenzione, non duplicate l'intera cartella, altrimenti copierete anche le impostazioni di git! Per fare subito, create una cartella nuova avente il nome della repo quindi all'interno copiate i file index.html, css/style.css e la cartella img in allegato. Descrizione Riproduciamo il layout come da screenshot cercando di essere il più fedeli possibili. Partiamo dai blocchi colorati e solo quando tutto funziona passiamo al dettaglio, sezione per sezione. Consigli Creiamo delle classi riutilizzabili individuando gli elementi ricorrenti nel layout, capendo quindi come e cosa possiamo centralizzare per rendere il nostro codice il più possibile semplice, pulito e quindi mantenibile. Non lavoriamo ancora sul responsive, quindi la nostra pagina non deve adattarsi a tutti i possibili viewport. Se comunque riusciamo almeno a lavorare già un po’ con unità relative senza però crearci nuove difficoltà, tanto meglio. Partite comunque sempre semplici, non focalizzandovi su parti/soluzioni complesse, semmai le affronterete in un secondo momento. BONUS Fare le onde tra le varie sezioni nel main. Per inserirle dovete fare qualche ricerca su internet su come cambiare il colore delle immagini svg e su come ruotare qualcosa tramite css. Buon lavoro!