Added dezigng to the dice quessing number game

This commit is contained in:
2024-08-09 17:12:41 +02:00
parent 3986c648e0
commit 1c203683de
4 changed files with 42 additions and 16 deletions

View File

@@ -10,6 +10,10 @@ body{
flex-direction: column;
min-height: 100vh;
background-color: #333;
background-image: url("./pc.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
text-align: center;
}
@@ -48,4 +52,25 @@ button{
.lose{
color: red;/*
text-transform: uppercase;*/
}
.gameBack{
padding: 1rem;
height: 450px;
width: 300px;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
backdrop-filter: blur(5px);
border-radius: 50px;
box-shadow:
inset 10px 10px 20px #fff,
10px 10px 20px #333;
}
@media screen and (max-width: 500px){
body{
background-image: url("./mobile.jpg");
}
}