Merge pull request #2 from W0x3R/dev-page

feat: moved the header from the footer to the main (Sun, Jan 14, 2024…
W0x3R · Jan 14, 2024 · 0489d1a · 0489d1a
2 parents bcbf17f + 7bb0e0a
commit 0489d1a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 20 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/index.html b/index.html
@@ -21,6 +21,9 @@
 <body>
 	<div class="container">
 		<main class="main">
+			<h1 class="main__title"><a href="https://github.com/W0x3R" target="_blank">Naughts
+					and
+					crosses</a></h1>
 			<div class="main__res"></div>
 			<div class="main__square">
 				<div class="main__square-item"></div>
@@ -35,11 +38,6 @@
 			</div>
 			<button class="main__button">NEW GAME</button>
 		</main>
-		<div class="footer">
-			<h1 class="footer__title"><a href="https://github.com/W0x3R" target="_blank">Naughts
-					and
-					crosses</a></h1>
-		</div>
 	</div>
 	<script src="./js/index.js"></script>
 </body>

diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -18,7 +18,19 @@ body {
 	@include flexBox(column, center, center);
 	justify-content: center;
 	flex: 1;
-	gap: 20px;
+	gap: 10px;
+
+	&__title {
+		font-size: clamp(22px, 5vw, 35px);
+		transition: 0.3s;
+		color: #ffffff;
+
+		@media (hover: hover) {
+			&:hover {
+				color: #e2dcdc;
+			}
+		}
+	}
 
 	&__res {
 		@include flexBox(column, center, center);
@@ -106,17 +118,4 @@ body {
 	}
 }
 
-.footer__title {
-	margin-top: 0;
-	font-size: clamp(22px, 5vw, 35px);
-	transition: 0.3s;
-	color: #ffffff;
-
-	@media (hover: hover) {
-		&:hover {
-			color: #e2dcdc;
-		}
-	}
-}
-
 @import 'adaptive';