From de8345dc464b3f61ae8031681d2e25c5489a3c61 Mon Sep 17 00:00:00 2001
From: A Farzat <a@farzat.xyz>
Date: Fri, 22 Nov 2024 01:23:22 +0900
Subject: Fix margins

---
 sass/_main.scss      | 11 ++++++++---
 templates/index.html |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/sass/_main.scss b/sass/_main.scss
index 26903f0..6651816 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -5,18 +5,23 @@
 }
 .hero {
 	display: flex;
+	justify-content: space-between;
 	flex-wrap: wrap-reverse;
-	gap: 40*$px;
+	row-gap: 20*$px;
+	column-gap: 40*$px;
+	&__title {
+		margin: auto;
+	}
 	&__img {
 		flex: 1;
+		margin: auto;
 		min-width: 320*$px;
+		max-width: 600*$px;
 		max-height: 50vmax;
 	}
 }
 .profile-pic {
 	max-width: 100%;
 	max-height: 100%;
-	display: block;
-	margin: auto;
 	border-radius: 5*$px;
 }
diff --git a/templates/index.html b/templates/index.html
index 3f4e205..09fb8e3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,5 +15,5 @@
 		<img src="/img/profile-pic.jpg" alt="Profile pic" class="profile-pic">
 	</div>
 </div>
-<p>Unfortunately my website is still incomplete. I hope nonetheless that you like it!</p>
+<p>Unfortunately my website is still incomplete. I hope you like it nonetheless!</p>
 {% endblock content %}
-- 
cgit v1.2.3-70-g09d2