From ca799cfbb00041dfdc809bc9fdb3f1e07ebe7435 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Fri, 11 Aug 2023 15:09:13 +0300
Subject: Fix margins in the page to use rem for more stability

---
 assets/scss/web/_base.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'assets/scss/web/_base.scss')

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 1106b6d..b2bbe02 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -21,7 +21,7 @@ body {
   line-height: 1.5;
   font-size: 16px;
   @media screen and (max-width: 780px) {
-    font-size: 0.9em;
+    font-size: 0.9rem;
   }
 }
 
@@ -40,21 +40,21 @@ a:link, a:visited, a:hover, a:active {
 .section-header {
   display: flex;
   flex-direction: row;
-  margin-bottom: -0.3em;
+  margin-bottom: -0.3rem;
 
   &:before {
     content: "";
     border-bottom: 1px solid;
     margin: auto;
-    margin-right: 0.5em;
+    margin-right: 0.8rem;
     flex: 5 5;
   }
 
   &:after {
     content: "";
     border-bottom: 1px solid;
-    margin: auto;;
-    margin-left: 0.5em;
+    margin: auto;
+    margin-left: 0.8rem;
     flex: 100 0;
   }
 }
-- 
cgit v1.2.3