mirror of
https://github.com/FranP-code/Hangman-game-with-React.git
synced 2025-10-13 00:42:32 +00:00
58 lines
870 B
SCSS
58 lines
870 B
SCSS
.game-container {
|
|
|
|
display: flex;
|
|
justify-content: space-around;
|
|
|
|
margin-top: 2vh;
|
|
|
|
.column-1 {
|
|
|
|
}
|
|
|
|
.column-2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
@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';
|
|
@import 'categories'; |