fixed mtg css sizing
This commit is contained in:
parent
1f737e8498
commit
0729f1e22b
@ -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{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user