some responsive adjustement

This commit is contained in:
Lilian 2023-02-28 14:00:42 +01:00 committed by Kilton937342
parent 14bf264e55
commit ddb8c3de2b
6 changed files with 11 additions and 4 deletions

View File

@ -114,6 +114,7 @@
transition: .3s;
display: flex;
gap: 7px;
width: max-content;
@include down(666) {
//display: none;
opacity: 0;

View File

@ -15,6 +15,7 @@
h1{
font-size: 4rem;
margin-bottom: 1rem;
text-align: center;
}
.rooms {
display: flex;

View File

@ -60,7 +60,8 @@
flex-direction: column;
align-items: center;
gap: 20px;
width: max-content;
width: min(100%, 666px);
padding: 7px 20px;
}
.container {

View File

@ -27,7 +27,8 @@
flex-direction: column;
align-items: center;
gap: 20px;
width: max-content;
width: min(100%, 666px);
padding: 7px 20px;
}
.container {

View File

@ -65,11 +65,13 @@
justify-content: center;
margin-top: 50px;
div {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: min(100%, 666px);
padding: 7px 20px;
}
}
.spinner{

View File

@ -93,11 +93,12 @@
justify-content: center;
margin-top: 50px;
div {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: min(100%, 666px);
padding: 7px 20px;
}
}
.spinner{