css

2 files changed, 17 insertions, 3 deletions

diff --git a/src/public/css/auth.css b/src/public/css/auth.css
index b08e27b..2c31694 100644
--- a/src/public/css/auth.css
+++ b/src/public/css/auth.css
@@ -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 {
diff --git a/src/public/css/profile.css b/src/public/css/profile.css
index d043b84..0c8dd78 100644
--- a/src/public/css/profile.css
+++ b/src/public/css/profile.css
@@ -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;
 }