fixed mtg css sizing

This commit is contained in:
chris 2022-09-21 13:24:48 -04:00
parent 1f737e8498
commit 0729f1e22b

View File

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