Github/uno-online
1
0
Fork 1
mirror of https://github.com/mizanxali/uno-online synced 2024-11-05 10:45:25 +00:00
Code Issues Projects Releases Wiki Activity

Responsive website

Browse Source
This commit is contained in:
programmerraja 2021-04-17 21:03:35 +05:30
parent 018ac5fd44
commit 662a32581f
1 changed files with 60 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
client/src/App.css
View File

@ -9,7 +9,7 @@ a {
/* Homepage */ /* Homepage */
.Homepage { .Homepage {
background-image: url('./assets/Landing-Page.gif'); background-image: url('./assets/Landing-Page.gif');
background-size: cover; background-size: 100vw 100vh;
margin: 0; margin: 0;
height: 100vh; height: 100vh;
} }
@ -385,3 +385,62 @@ a {
.msg-receive:hover, .msg-send:hover{ .msg-receive:hover, .msg-send:hover{
opacity: .9; opacity: .9;
} }
/*media query*/
@media only screen and (max-width: 480px)
{
.homepage-form {
flex-direction: column;
align-items: center;
}
.topInfo
{
flex-direction: column;
height: auto;
}
.topInfoText {
margin-top: 51px;
font-size: 18px;
}
.topInfo>h1 {
font-size: 18px;
}
.topInfo>img {
width: 40px;
}
.material-icons
{
font-size:16px;
}
.game-button{
font-size: 10px;
padding: 2px 9px 6px;
}
.playerDeckText{
font-size: 18px;
}
.player1Deck
{
flex-wrap: wrap;
}
.Card
{
width: 2rem;
}
/*chat box */
.chat-box{
width: auto;
right: 0;
left: 0;
}
.chat-text{
width: 100%;
position: initial;
}
}