From dc913e65b5a9a94af73579dfff2677bd091b4471 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:28:22 +0200 Subject: [PATCH 1/9] consegna esercizi --- .../html/branda_esercizio_css_44.css | 19 +++++++++++ .../html/branda_esercizio_css_44.html | 15 +++++++++ .../html/branda_esercizio_css_45.css | 17 ++++++++++ .../html/branda_esercizio_css_45.html | 15 +++++++++ .../html/branda_esercizio_css_46.css | 20 ++++++++++++ .../html/branda_esercizio_css_46.html | 12 +++++++ .../html/branda_esercizio_css_47.css | 29 +++++++++++++++++ .../html/branda_esercizio_css_47.html | 32 +++++++++++++++++++ 8 files changed, 159 insertions(+) create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_44.css create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_44.html create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_45.css create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_45.html create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_46.css create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_46.html create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_47.css create mode 100644 TPSI/branda_rachele/html/branda_esercizio_css_47.html diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_44.css b/TPSI/branda_rachele/html/branda_esercizio_css_44.css new file mode 100644 index 00000000..67fa5ee2 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_44.css @@ -0,0 +1,19 @@ +.container { + display: flex; + justify-content: space-around; + background-color: #ddd9d9; + width: 100%; + padding: 10px 0 10px 0; + } + + .item { + background-color: #4961ff; + border: 2px solid #6aa2f0; + color: white; + font-weight: bold; + border-radius: 8px; + width:fit-content; + padding: 10px; + text-align:center; + } + \ No newline at end of file diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_44.html b/TPSI/branda_rachele/html/branda_esercizio_css_44.html new file mode 100644 index 00000000..7ca52cd9 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_44.html @@ -0,0 +1,15 @@ + + + + + + + es 44 + + +
+
home
+
About Us
+
Our Products
+
Contact Us
+
\ No newline at end of file diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_45.css b/TPSI/branda_rachele/html/branda_esercizio_css_45.css new file mode 100644 index 00000000..ed9a92c6 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_45.css @@ -0,0 +1,17 @@ +.container { + display: flex; + width: 100%; + gap: 10px; + background-color: #cbb8cc; + padding: 10px; + } + + .item { + font-size: 2em; + background-color: #4961ff; + border: 2px solid #6aa2f0; + color: white; + padding: 10px; + border-radius: 10px; + flex: 1; + } \ No newline at end of file diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_45.html b/TPSI/branda_rachele/html/branda_esercizio_css_45.html new file mode 100644 index 00000000..348e0552 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_45.html @@ -0,0 +1,15 @@ + + + + + + + es 45 + + +
+
I am small
+
I have more content than the very small item.
+
I have lots of content. + So much content that I don't know where it is all going to go. I'm glad that CSS is pretty good at dealing with situations where we end up with more words than expected!
+
\ No newline at end of file diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_46.css b/TPSI/branda_rachele/html/branda_esercizio_css_46.css new file mode 100644 index 00000000..e10a4e9b --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_46.css @@ -0,0 +1,20 @@ +.container { + height: 95vh; + border: 1px solid blue; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-content: center; + border-radius: 20px; + } + +.item { + border-radius: 10px; + background-color: #4961ff; + color: white; + flex: 0 1 auto; + align-self: auto; + width: 15%; + padding: 10px; + } diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_46.html b/TPSI/branda_rachele/html/branda_esercizio_css_46.html new file mode 100644 index 00000000..4f968ed0 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_46.html @@ -0,0 +1,12 @@ + + + + + + + es 46 + + +
+
Center me.
+
diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_47.css b/TPSI/branda_rachele/html/branda_esercizio_css_47.css new file mode 100644 index 00000000..cfd5ea3c --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_47.css @@ -0,0 +1,29 @@ +.container { + display: flex; + justify-content: space-around; + background-color: #ddd9d9; + width: 98%; + padding: 10px ; + + gap: 100px; + } + + .item { + background-color: #4961ff; + border: 2px solid #6aa2f0; + color: white; + font-weight: bold; + border-radius: 8px; + padding: 18px; + flex: 1; + } + + + + + + + + + + \ No newline at end of file diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_47.html b/TPSI/branda_rachele/html/branda_esercizio_css_47.html new file mode 100644 index 00000000..60d21ad5 --- /dev/null +++ b/TPSI/branda_rachele/html/branda_esercizio_css_47.html @@ -0,0 +1,32 @@ + + + + + + + es 47 + + +
+
Turnip
+
greens
+
yarrow
+
ricebean
+
+ + + +
+
rutabaga
+
endive
+
cauliflower
+
+ + + + +
+
sea lettuce
+
kohlrabi
+
amaranth
+
\ No newline at end of file From e4724bfaa3bc6e994457503c1f539c2430110dbe Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:31:39 +0200 Subject: [PATCH 2/9] Update branda_esercizio_css_44.html --- TPSI/branda_rachele/html/branda_esercizio_css_44.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_44.html b/TPSI/branda_rachele/html/branda_esercizio_css_44.html index 7ca52cd9..76042f50 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_44.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_44.html @@ -2,7 +2,7 @@ - + es 44 @@ -12,4 +12,4 @@
About Us
Our Products
Contact Us
- \ No newline at end of file + From a3725a88d02b63f9944650dc568c7e5950982068 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:32:31 +0200 Subject: [PATCH 3/9] Update branda_esercizio_css_45.html --- TPSI/branda_rachele/html/branda_esercizio_css_45.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_45.html b/TPSI/branda_rachele/html/branda_esercizio_css_45.html index 348e0552..77a3877f 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_45.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_45.html @@ -2,7 +2,7 @@ - + es 45 @@ -12,4 +12,4 @@
I have more content than the very small item.
I have lots of content. So much content that I don't know where it is all going to go. I'm glad that CSS is pretty good at dealing with situations where we end up with more words than expected!
- \ No newline at end of file + From 58d745245b087087b91ff93328fd462a005288e2 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:32:59 +0200 Subject: [PATCH 4/9] Update branda_esercizio_css_46.html --- TPSI/branda_rachele/html/branda_esercizio_css_46.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_46.html b/TPSI/branda_rachele/html/branda_esercizio_css_46.html index 4f968ed0..7a95b0d5 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_46.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_46.html @@ -2,7 +2,7 @@ - + es 46 From 560246fec8cac8d03ced84f2271a4ace13ad5271 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:33:30 +0200 Subject: [PATCH 5/9] Update branda_esercizio_css_47.html --- TPSI/branda_rachele/html/branda_esercizio_css_47.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_47.html b/TPSI/branda_rachele/html/branda_esercizio_css_47.html index 60d21ad5..2f7a4096 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_47.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_47.html @@ -2,7 +2,7 @@ - + es 47 @@ -29,4 +29,4 @@
sea lettuce
kohlrabi
amaranth
- \ No newline at end of file + From b77601995f15681e66391f20646971fbffd4d150 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:34:04 +0200 Subject: [PATCH 6/9] Update branda_esercizio_css_47.html --- TPSI/branda_rachele/html/branda_esercizio_css_47.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_47.html b/TPSI/branda_rachele/html/branda_esercizio_css_47.html index 2f7a4096..b993559e 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_47.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_47.html @@ -3,7 +3,7 @@ - + es 47 From a3d25c44074370fbd3fe77e8852683a3954247e6 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:34:25 +0200 Subject: [PATCH 7/9] Update branda_esercizio_css_46.html --- TPSI/branda_rachele/html/branda_esercizio_css_46.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_46.html b/TPSI/branda_rachele/html/branda_esercizio_css_46.html index 7a95b0d5..f32f5294 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_46.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_46.html @@ -3,7 +3,7 @@ - + es 46 From be8e3c959c9757dd7b41a1b289edb17eb830064c Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:35:30 +0200 Subject: [PATCH 8/9] Update branda_esercizio_css_45.html --- TPSI/branda_rachele/html/branda_esercizio_css_45.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_45.html b/TPSI/branda_rachele/html/branda_esercizio_css_45.html index 77a3877f..4d70bdf9 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_45.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_45.html @@ -3,7 +3,7 @@ - + es 45 From a86198ed3161102863373f409e67533e4f3f7505 Mon Sep 17 00:00:00 2001 From: Branda-Rachele Date: Tue, 15 Apr 2025 21:35:50 +0200 Subject: [PATCH 9/9] Update branda_esercizio_css_44.html --- TPSI/branda_rachele/html/branda_esercizio_css_44.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/TPSI/branda_rachele/html/branda_esercizio_css_44.html b/TPSI/branda_rachele/html/branda_esercizio_css_44.html index 76042f50..b231fec9 100644 --- a/TPSI/branda_rachele/html/branda_esercizio_css_44.html +++ b/TPSI/branda_rachele/html/branda_esercizio_css_44.html @@ -3,7 +3,7 @@ - + es 44