css
This commit is contained in:
parent
1715987906
commit
5419ed72f2
2 changed files with 17 additions and 3 deletions
|
@ -7,7 +7,8 @@
|
|||
}
|
||||
|
||||
.branding {
|
||||
max-width: 30rem;
|
||||
max-width: 100%;
|
||||
width: 30rem;
|
||||
margin-right: 5rem;
|
||||
}
|
||||
|
||||
|
@ -25,6 +26,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 30rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media(max-width: 1200px) {
|
||||
|
@ -32,7 +34,7 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 10rem 0;
|
||||
padding: 10rem 1rem;
|
||||
}
|
||||
|
||||
.branding {
|
||||
|
|
|
@ -21,11 +21,12 @@
|
|||
|
||||
#profile-header .banner {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 30rem;
|
||||
aspect-ratio: 5;
|
||||
}
|
||||
|
||||
.banner object.inner {
|
||||
.banner .inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
@ -61,6 +62,17 @@
|
|||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
@media(max-width: 800px) {
|
||||
#profile-header .info .pfp-wrapper .pfp,
|
||||
#profile-header .info .pfp-wrapper .pfp .inner {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
#profile-header .info .content {
|
||||
margin-left: 12rem;
|
||||
}
|
||||
}
|
||||
|
||||
#profile-header .info .content .name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue