Fix margins in the page to use rem for more stability

1 files changed, 5 insertions, 5 deletions

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;
   }
 }