mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
responsive design done
This commit is contained in:
@@ -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';
|
||||
|
||||
Reference in New Issue
Block a user