Skip to content

consegna esercizi tpsi Ramirez #580

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ramirez-Giorgio wants to merge 15 commits into
base: main
Choose a base branch
from
Open

consegna esercizi tpsi Ramirez #580

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
510cce7
es44_ramirez
Ramirez-Giorgio Apr 15, 2025
a272b97
es45_ramirez
Ramirez-Giorgio Apr 15, 2025
ced75d8
es46_ramirez
Ramirez-Giorgio Apr 15, 2025
f815e30
es47_ramirez
Ramirez-Giorgio Apr 15, 2025
9004928
es48_ramirez
Ramirez-Giorgio Apr 30, 2025
71bc087
es49_ramirez
Ramirez-Giorgio May 6, 2025
0ada18a
es54_ramirez
Ramirez-Giorgio May 6, 2025
23e1d96
.
Ramirez-Giorgio May 6, 2025
0f5fbc7
.
Ramirez-Giorgio May 6, 2025
63b3dbb
es54_ramirez
Ramirez-Giorgio May 6, 2025
301e57c
es50_ramirez
Ramirez-Giorgio May 6, 2025
e00988f
es50_ramirez
Ramirez-Giorgio May 6, 2025
02961bd
es51_ramirez
Ramirez-Giorgio May 6, 2025
715e789
es53_ramirez
Ramirez-Giorgio May 6, 2025
ec2bcf3
es52_ramirez
Ramirez-Giorgio May 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_44.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
.container {
border: 1px gray solid;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 600px;
padding: 10px;
}

.item {
border-radius: 10px;
color: white;
background-color: #4a57b7;
border: 1px solid #191e4577;
width: 80px;
padding: 10px;
text-align:center;
}
18 changes: 18 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_44.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Flexbox</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 44 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_44.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="container">
<div class="item">Home</div>
<div class="item">About Us</div>
<div class="item">Our Product</div>
<div class="item">Contact Us</div>
</div>
</body>
19 changes: 19 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_45.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
.container {
border: 1px rgb(54, 55, 125) solid;
display: flex;
flex-direction: row;
align-items: stretch;
width: 533px;
height: 187px;
padding: 10px;
}

.item {
border-radius: 10px;
color: white;
background-color: #4a57b7;
border: 1px solid #191e4577;
width: 155px;
padding: 10px;
text-align: left;
}
19 changes: 19 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_45.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Flexbox</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 45 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_45.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="container">
<div class="item">I am small</div>
<div class="item">I have more content than the very small item.</div>
<div class="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!
</div>
</div>
</body>
</html>
20 changes: 20 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_46.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.container {
border: 1px rgb(54, 55, 125) solid;
display: flex;
justify-content: space-evenly;
flex-direction: row;
align-items: center;
width: 320px;
height: 230px;
padding: 10px;
border-radius: 10px;
}

.item {
color: white;
background-color: #4a57b7;
border: 1px solid #191e4577;
width: 155px;
padding: 10px;
text-align: left;
}
16 changes: 16 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_46.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Flexbox</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 46 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_46.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="container">
<div class="item">center me.</div>
</div>
</body>
</html>
21 changes: 21 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_47.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.container {
border: 1px rgb(54, 55, 125) solid;
display: flex;
justify-items: stretch;
flex-wrap: wrap;
align-content: stretch;
width: 450px;
height: 180px;
padding: 20px;
border-radius: 10px;
}

.item {
color: white;
background-color: #4a57b7;
border: 1px solid #191e4577;
border-radius: 10px;
margin: 10px;
padding: 10px 20px;
text-align: left;
}
25 changes: 25 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_47.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Flexbox</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 47 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_47.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="container">
<div class="item">Turnip</div>
<div class="item">greens</div>
<div class="item">yarrow</div>
<div class="item">ricebean</div>
<div class="item">rutabaga</div>
<div class="item">endive</div>
<div class="item">cauliflower</div>
<div class="item">sea lettuce</div>
<div class="item">kohlrabi</div>
<div class="item">amaranth</div>
</div>
</body>
</html>
31 changes: 31 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_48.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
body{
text-align: center;
display: flex;
justify-content: center;
font-size: 20px;
}

.grid-container {
display: grid;
width: 200px;
grid-template-columns: 25% 25% 25% 25%;
border: 1px solid black;

}

.box{
width: 200px;
height: 300px;
}

.item {
background-color: orange;
border: 1px solid;
height: 50px;
width: 50px;
margin-top: auto;
margin-left: auto;
text-align: center;
}


34 changes: 34 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_48.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grid layout</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 48 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="ramirez_esercizio_css_48.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="box">
<p><b>Gioco del 15</b></p>
<div class="grid-container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
<div class="item">10</div>
<div class="item">11</div>
<div class="item">12</div>
<div class="item">13</div>
<div class="item">14</div>
<div class="item">15</div>
<div class="item"></div>
</div>
</div>
</body>
</html>
28 changes: 28 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_49.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
.grid-container {
display: grid;
grid-template-columns:
repeat(6, 1fr);
}

.grid-item {
border: 1px solid red;
padding: 10px;
text-align: center;
}
.a {
grid-column: 2 / 5;
}

.b {
grid-row: 2 / 5;
}

.c {
grid-column: 2 / 5;
grid-row: 2 / 5;
}

.d {
grid-column: 5 / 7;
grid-row: 5 / 8;
}
39 changes: 39 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_49.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grid Layout</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 49 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_49.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="grid-container">
<div class="grid-item a">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item b">1</div>
<div class="grid-item c">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item d">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
<div class="grid-item">1</div>
</div>
</body>
</html>
15 changes: 15 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_50.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
.grid-container {
display: grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 60px 60px;
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.item {
background-color: #646361;
color: white;
padding: 10px;
border-radius: 6px;
align-content: center;
}
21 changes: 21 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_50.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grid Layout</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 50 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_50.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="grid-container">
<div class="item">A</div>
<div class="item">B</div>
<div class="item">C</div>
<div class="item">D</div>
<div class="item">E</div>
<div class="item">F</div>
</div>
</body>
</html>
23 changes: 23 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_51.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
.grid-container {
display: grid;
grid-template-columns: repeat(3, 100px);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.item {
background-color: #646361;
color: white;
padding: 10px;
border-radius: 6px;
align-content: center;
}

.a {
grid-column: 1 / 3;
}

.b {
grid-column-start: 3;
grid-row: 1 / 3;
}
19 changes: 19 additions & 0 deletions TPSI/ramirez_giorgio/css/ramirez_esercizio_css_51.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grid Layout</title>
<meta name="author" content="Ramirez Giorgio" />
<meta name="description" content="Esercitazione 51 css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./ramirez_esercizio_css_51.css" type="text/css" />
<meta http-equiv="refresh" content="1" />
</head>
<body>
<div class="grid-container">
<div class="item a">A</div>
<div class="item b">B</div>
<div class="item">C</div>
<div class="item">D</div>
</div>
</body>
</html>
Loading