desktop version

sgrazys · Dec 7, 2023 · f2a1ccd · f2a1ccd
1 parent 7fe199c
commit f2a1ccd
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/css/layout/divider.css b/css/layout/divider.css
@@ -11,3 +11,8 @@
 		margin: 8rem 0 6.7rem;
 	}
 }
+@media (min-width: 90em) {
+	.divider {
+		margin: 11rem 0 6.4rem;
+	}
+}
diff --git a/css/styles.css b/css/styles.css
@@ -29,7 +29,7 @@
 	display: block;
 	background-image: url(../assets/tablet/image-hero.png);
 	background-repeat: no-repeat;
-	background-size: cover;
+	background-size: contain;
 	background-position: center;
 	height: 15.3rem;
 	padding: 0;
@@ -193,7 +193,7 @@
 		.hero-img-1::after {
 			background-image: url(../assets/desktop/image-hero-left.png);
 			background-position: top;
-			margin-left: -37.5%;
+			margin-left: -30%;
 		}
 
 		.hero-img-1,
@@ -205,12 +205,35 @@
 		.hero-img-2::after {
 			background-image: url(../assets/desktop/image-hero-right.png);
 			background-position: bottom;
-			margin-right: -34%;
+			margin-right: -27%;
 		}
 
 		.hero-content {
 			min-width: 54rem;
 			padding: 0;
 		}
+
+		.gallery {
+			margin-bottom: 8em;
+		}
+
+		.footer {
+			height: 30.4rem;
+			background-image: url(/assets/desktop/image-footer.jpg);
+		}
+
+		.footer-overlay {
+			height: 30.4rem;
+			flex-direction: row;
+			justify-content: space-between;
+			padding: 11em 16.5em;
+		}
+
+		.footer-overlay > .heading-secondary,
+		.footer-overlay > .paragraph-style {
+			text-align: left;
+			max-width: 35rem;
+			margin: 0;
+		}
 	}
 }