https://github.com/lorussogiacomoluca/htmlcss-dropbox
Exercise #10 - 26/02/2025
https://github.com/lorussogiacomoluca/htmlcss-dropbox
css flexbox html layout positioning
Last synced: over 1 year ago
JSON representation
Exercise #10 - 26/02/2025
- Host: GitHub
- URL: https://github.com/lorussogiacomoluca/htmlcss-dropbox
- Owner: lorussogiacomoluca
- Created: 2025-02-26T10:46:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-26T11:27:19.000Z (over 1 year ago)
- Last Synced: 2025-02-26T11:36:48.309Z (over 1 year ago)
- Topics: css, flexbox, html, layout, positioning
- Language: HTML
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Esercizio 10 & 11
# 📂 Esercizio di oggi: Dropbox
## 📁 Cartella/Repo
htmlcss-dropbox
## 📝 Descrizione
Riproduciamo il layout come da screenshot (che rimane il nostro riferimento principale) cercando di essere il più fedeli possibili. Analizziamo sempre prima il layout e scriviamo dei commenti per individuare le macroaree. Facciamo un passo alla volta e puntiamo alla semplicità.
## 💡 Consigli
Teniamo sempre un approccio ordinato, solo quando tutto funziona passiamo al dettaglio, sezione per sezione. Cerchiamo però di bilanciare questo, organizzando il nostro tempo di sviluppo non incartandoci sulla singola feature, ma lasciando per dopo semmai i dettagli più complessi se è il caso.
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 pò con unità relative, senza però crearci nuove difficoltà, tanto meglio.
## 🔄 Numero minimo di push
17
🚀 Buon lavoro!