[#75] fix: solve alignment problem

damla · Feb 24, 2021 · c3f353a · c3f353a
1 parent 0a5abca
commit c3f353a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/pages/contact/contact.module.scss b/pages/contact/contact.module.scss
@@ -1,10 +1,6 @@
 @use "../../global/variables.scss" as variables;
 
 .item {
-    &:first-child {
-        border-right: 1px solid variables.$secondary-color;
-    }
-
     flex-basis: 45%;
     min-height: 50vh;
     display: flex;
@@ -13,6 +9,10 @@
     margin-bottom: 2.5rem;
     align-items: center;
 
+    &:first-child {
+        border-right: 1px solid variables.$secondary-color;
+    }
+
     @media only screen and (max-width: variables.$max-width-tablet) {
         min-height: 40vh;
         margin-bottom: 3rem;
@@ -34,14 +34,14 @@
     .boxSubtitle {
         display: flex;
         align-items: center;
+        margin-bottom: 0.5rem;
 
         .h4 {
             font-family: "SuisseInt-Regular", sans-serif;
             font-size: 1.5rem;
             text-transform: uppercase;
             color: variables.$secondary-color;
             margin-left: 5px;
-            margin-bottom: 0.5rem;
 
             @media only screen and (max-width: variables.$max-width-middle) {
                 font-size: 1.5rem;