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

fixed mtg css sizing

Browse Source
This commit is contained in:
chris 2022-09-21 13:24:48 -04:00
parent 1f737e8498
commit 0729f1e22b
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
MTG/style.css
View File

@ -13,7 +13,7 @@ background: radial-gradient(circle, #792f22 0%, #4f644f 47%, rgb(108, 127, 131)
/* background-color: #85640b; */ /* background-color: #85640b; */
margin: 0; margin: 0;
display: flex; display: flex;
height: 100vh /* height: 100vh; */
} }
html{ html{
@ -26,18 +26,19 @@ html{
main { main {
display: flex; display: flex;
flex-shrink: 1; flex-shrink: 1;
justify-content: space-evenly; justify-content:center;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,
Verdana, sans-serif; Verdana, sans-serif;
flex-wrap: wrap; flex-wrap: wrap;
align-content: center;
width: 100vw; width: 100vw;
height: 100vh; /* height: 100vh; */
position: relative; position: relative;
margin-top: 70px; margin-top: 70px;
} }
.name { .name {
font-size: 2rem; font-size: 1.5rem;
display: flex; display: flex;
margin: 0 0 10px; margin: 0 0 10px;
padding: 10px 0; padding: 10px 0;
@ -109,9 +110,10 @@ main {
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
margin: min(1rem, 1rem); margin: min(1rem, 1rem);
margin-bottom: -100px; /* margin-bottom: -100px; */
/* max-width: max-content; */ /* max-width: max-content; */
width: clamp(min-content, max-content, max-content+1rem); /* width: clamp(min-content, max-content, max-content+1rem); */
width:fit-content;
/* max-width: 25%; */ /* max-width: 25%; */
} }
@ -174,9 +176,11 @@ color:rgb(141, 140, 140);
} }
.lifeUp{ .lifeUp{
font-size: 4rem;
color: #00cc00 color: #00cc00
} }
.lifeDown{ .lifeDown{
font-size: 4rem;
color:#e60000 color:#e60000
} }
.vert{ .vert{