responsive design done

This commit is contained in:
2021-10-20 21:35:11 -03:00
parent 4765b26389
commit 3ec90bebaf
9 changed files with 154 additions and 12 deletions

View File

@@ -17,6 +17,41 @@
}
}
@media (max-width: 991.98px) {
.game-container {
flex-direction: column;
justify-content: center;
align-items: center;
.column-1 {
order: 10;
.hangman {
img {
width: 30vw;
}
}
}
.column-2 {
order: 0;
margin-bottom: 10vh;
display: flex;
flex-direction: column;
align-items: center;
}
}
}
/*@media (max-width: 576px) {
}*/
@import 'hangman';
@import 'word';
@import 'current-score';