Center background

agenda-scout2030 · Apr 2, 2021 · 3f38fc0 · 3f38fc0
1 parent eacf7b9
commit 3f38fc0
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 1 deletion.
diff --git a/assets/agenda2030_modena.jpeg b/assets/agenda2030_modena.jpeg
diff --git a/assets/background.png b/assets/background.png
diff --git a/assets/background2.png b/assets/background2.png
diff --git a/assets/background3.png b/assets/background3.png
diff --git a/assets/prova _agenda2030_scalata.png b/assets/prova _agenda2030_scalata.png
diff --git a/description.html b/description.html
@@ -11,7 +11,7 @@
 <!-- scale view for mobile-->
 <meta content="width=device-width, initial-scale=1" name="viewport"/>
 
-<div style="background-image:url('assets/background2.png') ; background-blend-mode:lighten;height:10000px; top:-1000px ">
+<div class="background">
 
 <p style = "text-align: center" class="descriptionTitle"> <b>CHI SIAMO </b></p>
 

diff --git a/style.css b/style.css
@@ -256,6 +256,14 @@ body {
 .descriptionTitle {
 	font-size: 30px;
 }
+.background {
+	position: absolute;
+	background-image:url('assets/background3.png');
+	height: 100%;
+	background-repeat:no-repeat;
+	background-position: center;
+	background-size: auto;
+}
 
 @media only screen and (max-width: 1000px) {
 	.button {