Hopefully fixing scrolling on mobile

This commit is contained in:
2024-10-22 23:51:32 +02:00
parent b3fbcd310f
commit 3dfe1f5bc9
5 changed files with 7 additions and 7 deletions

View File

@@ -13,7 +13,7 @@ body{
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vmax;
background: #333; background: #333;
background-image: url('./pc.jpg'); background-image: url('./pc.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@@ -10,7 +10,7 @@ body{
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vmax;
background-color: #333; background-color: #333;
color: #fff; color: #fff;
text-align: center; text-align: center;

View File

@@ -10,7 +10,7 @@ body{
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100dvh;
background-color: #333; background-color: #333;
background-image: url("./pc.jpg"); background-image: url("./pc.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -118,7 +118,7 @@ button{
.gameBack{ .gameBack{
padding: 1rem; padding: 1rem;
height: 400px; height: 400px;
width: 300px; width: 275px;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;

View File

@@ -11,7 +11,7 @@ body{
justify-content: center; justify-content: center;
align-content: center; align-content: center;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100dvh;
background: #333; background: #333;
flex-wrap: wrap; flex-wrap: wrap;
position: relative; position: relative;
@@ -104,7 +104,7 @@ body{
width: 200px; width: 200px;
height: 150px; height: 150px;
border-radius: 10px; border-radius: 10px;
margin: 1rem; margin: .5rem;
overflow: hidden; overflow: hidden;
box-shadow: box-shadow:
inset 2.5px 2.5px 7.5px #aaaaaacc, inset 2.5px 2.5px 7.5px #aaaaaacc,

View File

@@ -10,7 +10,7 @@ body{
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100vmin; min-height: 100dvh;
background: #333; background: #333;
background-image: url("./img/pc.jpg"); background-image: url("./img/pc.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;