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