chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MTG style fix

Browse Source
This commit is contained in:
HearMeWhisper 2021-11-27 01:13:34 +00:00
parent e150794acf
commit bf2132f166
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
MTG/style.css
View File

@ -4,21 +4,27 @@
box-sizing: border-box; box-sizing: border-box;
} }
html{ html{
height:100%; /* height:100% */
width: 100% /* width: 100% */
} }
body{ body{
background-color: darkslategray; background-color: darkslategray;
height: 100vh; /* height: 100vh; */
width: 100vw; /* width: 100vw; */
margin: 0; /* margin: 0 auto; */
display: flex;
/* align-items: center */
} }
main{ main{
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
flex-wrap: wrap; flex-wrap: wrap;
width: 100vw;
height:100vh;
align-items: center; align-items: center;
/* margin: 0 auto; */
} }
.name{ .name{
@ -56,7 +62,7 @@
border-bottom: 1px solid #BBB; border-bottom: 1px solid #BBB;
border-radius: 30px; border-radius: 30px;
color: #333; color: #333;
padding: 8px 0; padding: 10px 0;
text-shadow: 0 1px 0 #EEE; text-shadow: 0 1px 0 #EEE;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -66,12 +72,15 @@
font-size: 4.5rem; font-size: 4.5rem;
user-select: none; user-select: none;
} }
.life div{
margin: 15px;
}
.player{ .player{
padding: 20px; padding: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 3%;
} }
.buttons{ .buttons{