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..b231fec9 --- /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
+
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..4d70bdf9 --- /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!
+
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..f32f5294 --- /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..b993559e --- /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
+