Skip to content

consegna esercizi #583

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
Rachele-Branda wants to merge 9 commits into
base: main
Choose a base branch
from
Open

consegna esercizi #583

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
dc913e6
consegna esercizi
Rachele-Branda Apr 15, 2025
e4724bf
Update branda_esercizio_css_44.html
Rachele-Branda Apr 15, 2025
a3725a8
Update branda_esercizio_css_45.html
Rachele-Branda Apr 15, 2025
58d7452
Update branda_esercizio_css_46.html
Rachele-Branda Apr 15, 2025
560246f
Update branda_esercizio_css_47.html
Rachele-Branda Apr 15, 2025
b776019
Update branda_esercizio_css_47.html
Rachele-Branda Apr 15, 2025
a3d25c4
Update branda_esercizio_css_46.html
Rachele-Branda Apr 15, 2025
be8e3c9
Update branda_esercizio_css_45.html
Rachele-Branda Apr 15, 2025
a86198e
Update branda_esercizio_css_44.html
Rachele-Branda Apr 15, 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
19 changes: 19 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_44.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}

15 changes: 15 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_44.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Rachele Branda" />
<link rel="stylesheet" href="branda_esercizio_css_44.css" type="text/css" />
<title>es 44</title>
</head>
<body>
<div class="container">
<div class="item">home</div>
<div class="item">About Us</div>
<div class="item">Our Products</div>
<div class="item">Contact Us</div>
</div>
17 changes: 17 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_45.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
15 changes: 15 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_45.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Rachele Branda" />
<link rel="stylesheet" href="branda_esercizio_css_45.css" type="text/css" />
<title>es 45</title>
</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>
20 changes: 20 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_46.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
12 changes: 12 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_46.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Rachele Branda" />
<link rel="stylesheet" href="branda_esercizio_css_46.css" type="text/css" />
<title>es 46</title>
</head>
<body>
<div class="container">
<div class="item">Center me.</div>
</div>
29 changes: 29 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_47.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}










32 changes: 32 additions & 0 deletions TPSI/branda_rachele/html/branda_esercizio_css_47.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Rachele Branda" />
<link rel="stylesheet" href="branda_esercizio_css_47.css" type="text/css" />
<title>es 47</title>
</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>



<div class="container">
<div class="item">rutabaga</div>
<div class="item">endive</div>
<div class="item">cauliflower</div>
</div>




<div class="container">
<div class="item">sea lettuce</div>
<div class="item">kohlrabi</div>
<div class="item">amaranth</div>
</div>