https://github.com/lorussogiacomoluca/html-css-booleaner
Exercise #3 - 17/02/2025
https://github.com/lorussogiacomoluca/html-css-booleaner
border cards css html5 margin padding table ul
Last synced: 10 months ago
JSON representation
Exercise #3 - 17/02/2025
- Host: GitHub
- URL: https://github.com/lorussogiacomoluca/html-css-booleaner
- Owner: lorussogiacomoluca
- Created: 2025-02-17T14:09:42.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-25T17:36:12.000Z (11 months ago)
- Last Synced: 2025-02-25T18:35:07.044Z (11 months ago)
- Topics: border, cards, css, html5, margin, padding, table, ul
- Language: HTML
- Homepage:
- Size: 156 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Esercizio 3
## 🖥️ Esercizio: Booleaner Layout
📝 **Esercizio**: Riproducete il layout in allegato utilizzando l'approccio visto in classe. Fate un piccolo blocco alla volta aggiungendo ad ogni step le regole CSS. Come sempre aiutatevi con le slide e tutto ciò che avete a disposizione.
🎯 **Bonus**
Partendo dallo stesso HTML, create un secondo file CSS per crearne una versione diversa. Si può fare? Alla grande! 🔥 [Style Stage](https://stylestage.dev/)
Questa versione avrà il corpo pagina più stretto e centrato. Occhio all'header il cui background rimane invece a tutta pagina.
📤 **Consegna**
Riproducete il layout dell'immagine allegata utilizzando ciò che abbiamo visto stamattina aiutandovi con le slide, video e documentazione. Come l'esercizio scorso e d'ora in avanti sempre, faremo questo:
- 📂 Create una nuova cartella con nome **html-css-booleaner**
- 📝 Apritela con VSCode e create il file **index.html** (sarà la prima pagina ad aprirsi in un sito). Attenzione: per i nomi dei file usate sempre lettere minuscole e trattini al posto degli spazi 😉
- 🖼️ All'interno della cartella del repo, create una sottocartella **img** nella quale inserirete le immagini necessarie.
- 🎨 Sempre nella cartella, create la cartella **css** nella quale inserirete creandolo il vostro file CSS.
- 🔄 Ora, andiamo sul tab GIT e clicchiamo **“Publish on GitHub”**, ricordando poi di selezionare una repo pubblica.
- ✅ Poi clicchiamo ok e verifichiamo che la repo sia stata creata effettivamente su GitHub prima di procedere con l’esercizio.
📂 **Il bonus deve essere consegnato all'interno di una cartella chiamata `bonus` da realizzare dentro la repo stessa.**
📌 **Numero minimo di push**: 8
🚀 **Ricordatevi di pushare di tanto in tanto per consegnare il vostro lavoro in modo incrementale.**
Buon lavoro! 💪