Fix contact info (#14)

MinhLu12 · Jun 26, 2020 · 5e8bb0e · 5e8bb0e
1 parent 684ccac
commit 5e8bb0e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/src/components/ContactInfo/ContactInfo.module.scss b/src/components/ContactInfo/ContactInfo.module.scss
@@ -4,43 +4,35 @@
     display: flex;
     background-color: $primary-background-color;
     justify-content: center;
+    min-height: 300px;
 }
 
     .ContactInfo p {
-        line-height: 10px;
+        line-height: 15px;
         font-size: 14px;
         letter-spacing: 0.02857em;
         color: $primary-text;
         text-transform: uppercase;
     }
 
 .Column {
-    padding: 16px;
+    display: flex;
+    align-items: center;
     text-align: center;
+    max-width: 33.3333%;
+    flex-basis: 33.3333%;
 }
 
     .Column_Left {
-        display: flex;
         justify-content: flex-end;
-
-        flex-grow: 0;
-        max-width: 33.3333%;
-        flex-basis: 33.3333%;
     }
 
     .Column_Middle {
-        flex-grow: 0;
-        max-width: 25%;
-        flex-basis: 25%;
+        justify-content: center;
     }
 
     .Column_Right {
-        display: flex;
         justify-content: flex-start;
-
-        flex-grow: 0;
-        max-width: 33.3333%;
-        flex-basis: 33.3333%;
     }
 
 .Copyright {

diff --git a/src/global.scss b/src/global.scss
@@ -1,7 +1,7 @@
 // Background colors
 $primary-background-color: #1A2440 !important; // #304774
 $secondary-background-color: #E4EAF1 !important;
-$teriary-background-color:  #B4B8C5 !important; //#73305B 
+$teriary-background-color:  #73305B !important; //#B4B8C5
 
 // Texts
 $primary-text: white !important;