From d0d629a45cfa29f0dd57df9b2e70c36ba1160666 Mon Sep 17 00:00:00 2001 From: Wang-Enrico Date: Wed, 14 May 2025 13:42:27 +0200 Subject: [PATCH] es in classe --- wang_esercizio_esinclasse.css | 123 +++++++++++++++++++++++++++++++++ wang_esercizio_esinclasse.html | 42 +++++++++++ 2 files changed, 165 insertions(+) create mode 100644 wang_esercizio_esinclasse.css create mode 100644 wang_esercizio_esinclasse.html diff --git a/wang_esercizio_esinclasse.css b/wang_esercizio_esinclasse.css new file mode 100644 index 00000000..1e39dd7c --- /dev/null +++ b/wang_esercizio_esinclasse.css @@ -0,0 +1,123 @@ +.grid-container { + display: grid; + grid-template-columns:repeat(9, 1fr); + grid-template-rows: repeat(9,1fr); + width: 475px; + height: 475px; + border: solid black 5px; + background-color: grey; +} +.grid-item{ + border: solid black 5px; + +} +.grid-item:nth-child(1){ + background-color: #edfaf4; +grid-column: 1/3; +grid-row: 1; +} +.grid-item:nth-child(2){ + background-color: #f0ecdb; +grid-column: 3/6; +grid-row: 1; +} +.grid-item:nth-child(3){ + background-color: #ffe06c; +grid-column: 6/8; +grid-row: 1; +} +.grid-item:nth-child(4){ +grid-column: 8/9; +grid-row: 1/7; + background-color: aqua; + + +} +.grid-item:nth-child(5){ + background-color: aqua; +grid-column: 9/10; +grid-row: 1/3; +} +.grid-item:nth-child(6){ +grid-column:1 /5 ; +grid-row: 2/6; +background-color: red; +} +.grid-item:nth-child(7){ +grid-column:5/7 ; +grid-row: 2/4; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(8){ +grid-column:7/8; +grid-row: 2/5; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(9){ +grid-column:7/8; +grid-row: 2/5; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(10){ +grid-column:5/6; +grid-row: 4/6; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(11){ +grid-column:6/7; +grid-row: 4/5; +background-color: rgb(8, 8, 7); +} +.grid-item:nth-child(12){ +grid-column:9/10; +grid-row: 3/5; +background-color: rgb(8, 8, 7); +}.grid-item:nth-child(13){ +grid-column:6/8; +grid-row: 5/7; +background-color: rgb(124, 7, 7); +}.grid-item:nth-child(14){ +grid-column:9/10; +grid-row: 5/8; +background-color: rgb(238, 238, 8); +} +.grid-item:nth-child(15){ +grid-column:1/3; +grid-row: 6/7; +background-color: rgb(150, 150, 143); +} + +.grid-item:nth-child(16){ +grid-column:5/6; +grid-row: 6/9; +background-color: rgb(236, 5, 5); +} +.grid-item:nth-child(17){ +grid-column:3/5; +grid-row: 6/7; +background-color: rgb(235, 5, 5); +} +.grid-item:nth-child(18){ +grid-column:1/3; +grid-row: 7/8; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(19){ +grid-column:1/3; +grid-row: 8/9; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(20){ +grid-column:1/5; +grid-row: 9/10; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(21){ +grid-column:3/5; +grid-row: 7/9; +background-color: rgb(70, 0, 161); +}.grid-item:nth-child(22){ +grid-column:6/8; +grid-row: 7/9; +background-color: rgb(70, 0, 161); +} diff --git a/wang_esercizio_esinclasse.html b/wang_esercizio_esinclasse.html new file mode 100644 index 00000000..755cedc4 --- /dev/null +++ b/wang_esercizio_esinclasse.html @@ -0,0 +1,42 @@ + + + + + + Document + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + +
+ + + \ No newline at end of file