diff --git a/TPSI/danci_davide/CSS/danci_esercizio_css_45.css b/TPSI/danci_davide/CSS/danci_esercizio_css_45.css new file mode 100644 index 00000000..8d45cc8a --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_45.css @@ -0,0 +1,21 @@ +.container{ + display: flex; + flex-direction: row; + align-items: stretch; + justify-content: center; + width: 600px; + height: 200px; + border: 1px solid black; + padding: 15px; + border-radius: 3px; +} + +.left, .center, .right{ + padding: 10px; + background-color: #476b98; + border: 3px solid #68a7b7; + border-radius: 10px; + color: white; + width: 200px; + font-family: sans-serif; +} diff --git a/TPSI/danci_davide/CSS/danci_esercizio_css_45.html b/TPSI/danci_davide/CSS/danci_esercizio_css_45.html new file mode 100644 index 00000000..04f86a08 --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_45.html @@ -0,0 +1,16 @@ + + + + + + Document + + + +
+
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/danci_davide/CSS/danci_esercizio_css_46.css b/TPSI/danci_davide/CSS/danci_esercizio_css_46.css new file mode 100644 index 00000000..71675062 --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_46.css @@ -0,0 +1,21 @@ +.container{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 1000px; + height: 700px; + border: 1px solid black; + padding: 15px; + border-radius: 3px; +} + +.center{ + width: 100px; + padding: 10px; + background-color: #476b98; + border: 3px solid #68a7b7; + border-radius: 10px; + color: white; + font-family: sans-serif; +} diff --git a/TPSI/danci_davide/CSS/danci_esercizio_css_46.html b/TPSI/danci_davide/CSS/danci_esercizio_css_46.html new file mode 100644 index 00000000..d20cab9d --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_46.html @@ -0,0 +1,14 @@ + + + + + + Document + + + +
+
Center me.
+
+ + diff --git a/TPSI/danci_davide/CSS/danci_esercizio_css_47.css b/TPSI/danci_davide/CSS/danci_esercizio_css_47.css new file mode 100644 index 00000000..3c84f0a7 --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_47.css @@ -0,0 +1,22 @@ +.container{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + align-content: space-between; + width: 330px; + height: 200px; + border: 1px solid black; + padding: 15px; + border-radius: 3px; +} + +.box{ + padding: 10px; + background-color: #476b98; + border: 3px solid #68a7b7; + border-radius: 10px; + color: white; + font-family: sans-serif; +} diff --git a/TPSI/danci_davide/CSS/danci_esercizio_css_47.html b/TPSI/danci_davide/CSS/danci_esercizio_css_47.html new file mode 100644 index 00000000..3c61898e --- /dev/null +++ b/TPSI/danci_davide/CSS/danci_esercizio_css_47.html @@ -0,0 +1,23 @@ + + + + + + Document + + + +
+
Turnip
+
greens
+
yarrow
+
riceban
+
rutabaga
+
endive
+
cauliflower
+
sea lettuce
+
kohlrabi
+
amaranth
+
+ +