diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css new file mode 100644 index 00000000..73eaf850 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css @@ -0,0 +1,32 @@ +.cont { + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: repeat(7, minmax(50px,1fr)); + } + + .cont > div { + border: 1px solid red; + background-color: white; + display: flex; + align-items: center; + justify-content: center; + font-weight: bolder; + } + + .lunga { + grid-column: 2 / 5; + } + + .alta { + grid-row: 2 / 5; + } + + .grossa { + grid-column: 2 / 5; + grid-row: 2 / 5; + } + + .media { + grid-column: 5 / 7; + grid-row: 5 / 8; + } \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html new file mode 100644 index 00000000..e7ca7050 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html @@ -0,0 +1,38 @@ + + + + + + + Esercizio 49 + + + +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+ + diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css new file mode 100644 index 00000000..d9f8b9ae --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css @@ -0,0 +1,15 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,100px); + grid-template-rows: repeat(2,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html new file mode 100644 index 00000000..f0eba0af --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html @@ -0,0 +1,20 @@ + + + + + + + Esercizio 50 + + + +
+
A
+
B
+
C
+
D
+
E
+
F
+
+ + diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css new file mode 100644 index 00000000..ea468b6c --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css @@ -0,0 +1,23 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,100px); + grid-template-rows: repeat(2,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} +.a{ + grid-column: 1 / 3; + +} +.b{ + grid-row: 1 / 3; + grid-column: 3; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html new file mode 100644 index 00000000..b58f69da --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html @@ -0,0 +1,18 @@ + + + + + + + Esercizio 51 + + + +
+
A
+
B
+
C
+
D
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css new file mode 100644 index 00000000..8cd417bd --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css @@ -0,0 +1,27 @@ +.cont{ + display: grid; + grid-template-columns: repeat(4,100px); + grid-template-rows: repeat(3,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} +.a{ + grid-column: 1 / 3; +} +.b{ + grid-column: 3 / 5; +} +.d{ + grid-column: 2 / 5; +} +.e{ + grid-column: 1 / 5; +} diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html new file mode 100644 index 00000000..8e5d18ca --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html @@ -0,0 +1,19 @@ + + + + + + + Esercizio 52 + + + +
+
A
+
B
+
C
+
D
+
E
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css new file mode 100644 index 00000000..00dd8739 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css @@ -0,0 +1,32 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,10%); + grid-template-rows: repeat(3,auto); + gap: 10px; + grid-template-areas: "header header header""sidebar content sidebar2""footer footer footer"; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; + padding: 10px; +} +.h{ + grid-area: header; +} +.s1{ + grid-area: sidebar; +} +.s2{ + grid-area: sidebar2; +} +.c{ + grid-area: content; +} +.f{ + grid-area: footer; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html new file mode 100644 index 00000000..c7e3adf0 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html @@ -0,0 +1,19 @@ + + + + + + + Esercizio 53 + + + +
+
Header
+
Sidebar
+
Content
More content than we had before so this column is now quite tall.
+
Sidebar 2
+
Footer
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css new file mode 100644 index 00000000..cee8b5a4 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css @@ -0,0 +1,30 @@ +.cont{ + display: grid; + grid-template-columns: repeat(2,auto); + grid-template-rows: repeat(3,auto); + gap: 10px; + width: 250px; + grid-template-areas: ". header""sidebar content""footer footer"; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; + padding: 10px; +} +.h{ + grid-area: header; +} +.s{ + grid-area: sidebar; +} +.c{ + grid-area: content; +} +.f{ + grid-area: footer; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html new file mode 100644 index 00000000..b2fefa19 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html @@ -0,0 +1,18 @@ + + + + + + + Esercizio 54 + + + +
+
Header
+
Sidebar
+
Content
More content than we had before so this column is now quite tall.
+
Footer
+
+ +