Fixed css for mobile devices
This commit is contained in:
parent
4eb1fed0d2
commit
8a6b676c1e
@ -103,7 +103,7 @@
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
@media only screen and (max-width: 980px) {
|
||||
#chat {
|
||||
flex-flow: column-reverse;
|
||||
border-top: #7d7d7d solid 2px;
|
||||
|
@ -101,7 +101,7 @@ main {
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
@media only screen and (max-width: 980px) {
|
||||
#main {
|
||||
display: grid;
|
||||
grid-template-columns: unset;
|
||||
|
@ -28,7 +28,7 @@
|
||||
background-color: #FFDDA1;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
@media only screen and (max-width: 980px) {
|
||||
#game {
|
||||
height: auto;
|
||||
width: auto;
|
||||
|
@ -45,7 +45,7 @@ header {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
@media only screen and (max-width: 980px) {
|
||||
header {
|
||||
height: 5em;
|
||||
|
||||
|
@ -54,7 +54,7 @@
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
@media only screen and (max-width: 980px) {
|
||||
#login {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user