[#18] Refine styles by shrinking max width of content & increasing li…

…ne height
btv-dev · Aug 3, 2023 · 711e9fe · 711e9fe
1 parent 8f94669
commit 711e9fe
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/src/components/LandingPageHero.svelte b/src/components/LandingPageHero.svelte
@@ -103,10 +103,6 @@
 
 	/* Media query for mobile-sized screens */
 	@media screen and (min-width: 768px) {
-		h1 {
-			font-size: 10em;
-		}
-
 		header {
 			height: 50vh;
 		}

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -21,9 +21,12 @@
 		margin: 0;
 		padding: 0;
 		font-family: sans-serif;
-		line-height: 2em;
+		line-height: 3em;
 		font-size: 1.1em;
-		color: #4e4e4e;
+		color: rgb(38, 38, 38);
 		scroll-behavior: smooth;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
 	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -153,7 +153,7 @@
 	/* Media queries */
 	@media only screen and (min-width: 700px) {
 		main {
-			margin: 0 15%;
+			max-width: 50em;
 		}
 
 		.bros {