fix: fixed a problem where vertical scrolling appeared (Sun, Jan 14, …

…2024, 2:03:16 PM)
W0x3R · Jan 14, 2024 · 0db4951 · 0db4951
1 parent 7bb0e0a
commit 0db4951
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/index.html b/index.html
@@ -25,6 +25,7 @@ <h1 class="main__title"><a href="https://github.com/W0x3R" target="_blank">Naugh
 					and
 					crosses</a></h1>
 			<div class="main__res"></div>
+
 			<div class="main__square">
 				<div class="main__square-item"></div>
 				<div class="main__square-item"></div>
@@ -38,8 +39,7 @@ <h1 class="main__title"><a href="https://github.com/W0x3R" target="_blank">Naugh
 			</div>
 			<button class="main__button">NEW GAME</button>
 		</main>
-	</div>
-	<script src="./js/index.js"></script>
+		<script src="./js/index.js"></script>
 </body>
 
 </html>
diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -7,7 +7,7 @@ body {
 }
 
 .container {
-	@include flexBox(column, center);
+	@include flexBox(column, center, center);
 	max-width: 1920px;
 	min-height: 100vh;
 	margin: 0 auto;
@@ -16,21 +16,7 @@ body {
 
 .main {
 	@include flexBox(column, center, center);
-	justify-content: center;
-	flex: 1;
-	gap: 10px;
-
-	&__title {
-		font-size: clamp(22px, 5vw, 35px);
-		transition: 0.3s;
-		color: #ffffff;
-
-		@media (hover: hover) {
-			&:hover {
-				color: #e2dcdc;
-			}
-		}
-	}
+	gap: 8px;
 
 	&__res {
 		@include flexBox(column, center, center);
@@ -118,4 +104,17 @@ body {
 	}
 }
 
+.main__title {
+	font-size: clamp(22px, 5vw, 35px);
+	-webkit-transition: 0.3s;
+	transition: 0.3s;
+	color: #ffffff;
+}
+
+@media (hover: hover) {
+	.main__title:hover {
+		color: #e2dcdc;
+	}
+}
+
 @import 'adaptive';