From a1398a84028627098314d40d3f398ae44b29db61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Wed, 20 Apr 2022 12:58:45 +0200
Subject: [PATCH] Improve styles

---
 src/components/common/card/card.module.scss        | 10 ++++++++++
 src/components/common/footer/footer.module.scss    | 14 ++++++++------
 .../sections/about/hero/hero.module.scss           |  4 ++++
 .../homepage/what-others-say/item/item.module.scss |  2 +-
 .../sections/products/app/app.module.scss          |  3 ++-
 .../sections/products/hero/hero.module.scss        |  1 +
 .../sections/products/stack/stack.module.scss      |  2 +-
 src/lib/renderer/blog.module.scss                  |  6 +++++-
 8 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/components/common/card/card.module.scss b/src/components/common/card/card.module.scss
index 0de3d13..b34c12a 100644
--- a/src/components/common/card/card.module.scss
+++ b/src/components/common/card/card.module.scss
@@ -237,6 +237,11 @@
         .content {
           margin-top: tovw(16px, 'default', 16px);
 
+          h2 {
+            line-height: 1.3;
+            font-size: tovw(40px, 'default', 30px);
+          }
+
           p {
             line-height: 134%;
             letter-spacing: -0.02em;
@@ -287,6 +292,11 @@
     width: fit-content;
   }
 
+  h2 {
+    text-transform: none !important;
+    line-height: 1.2;
+  }
+
   p {
     @include respond-to('mobile') {
       line-height: 1.6;
diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index 93f85ba..25327d3 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -178,6 +178,7 @@
       @include respond-to('tablet') {
         justify-content: space-between;
       }
+
       @include respond-to('mobile') {
         display: grid;
         column-gap: tovw(97px, 'tablet', 97px);
@@ -186,12 +187,12 @@
         row-gap: tovw(44px, 'tablet', 44px);
       }
 
-      display: flex;
-      gap: tovw(105px, 'default', 65px);
-
       @media screen and (max-width: 1180px) {
         gap: tovw(70px, 'default', 15px);
       }
+
+      display: flex;
+      gap: tovw(105px, 'default', 65px);
     }
   }
 
@@ -205,14 +206,14 @@
         margin-bottom: tovw(14px, 'default', 14px);
       }
 
-      line-height: 1.35;
+      line-height: 1.45;
 
       &:first-of-type {
         @include respond-to('mobile') {
           margin-bottom: tovw(16px, 'default', 16px);
         }
 
-        margin-bottom: tovw(12px, 'default', 10px);
+        margin-bottom: tovw(16px, 'default', 14px);
         line-height: 1;
 
         a {
@@ -248,9 +249,10 @@
   > li:last-of-type {
     display: grid;
     align-content: start;
-    gap: tovw(16px, 'default', 16px);
+    gap: tovw(14px, 'default', 14px);
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: auto;
+    padding-top: tovw(3px, 'default', 3px);
 
     div {
       width: tovw(24px, 'default', 24px);
diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss
index 73b2099..2fec781 100644
--- a/src/components/sections/about/hero/hero.module.scss
+++ b/src/components/sections/about/hero/hero.module.scss
@@ -112,6 +112,10 @@
           width: 100%;
         }
 
+        &:first-child {
+          margin-top: tovw(5px, 'default', 5px);
+        }
+
         width: tovw(636px, 'default', 200px);
         line-height: 1.32;
         letter-spacing: -0.01em;
diff --git a/src/components/sections/homepage/what-others-say/item/item.module.scss b/src/components/sections/homepage/what-others-say/item/item.module.scss
index f2cdb20..21b5f37 100644
--- a/src/components/sections/homepage/what-others-say/item/item.module.scss
+++ b/src/components/sections/homepage/what-others-say/item/item.module.scss
@@ -74,6 +74,6 @@
     }
 
     margin: 0;
-    font-size: tovw(16px, 'default', 16px);
+    font-size: tovw(16px, 'default', 13px);
   }
 }
diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss
index 974b6d1..0bd45fe 100644
--- a/src/components/sections/products/app/app.module.scss
+++ b/src/components/sections/products/app/app.module.scss
@@ -37,10 +37,11 @@
         line-height: 1.5;
       }
 
-      width: tovw(856px, 'default', 300px);
       text-align: center;
       line-height: 1.35;
       font-size: tovw(30px, 'default', 15px);
+      width: tovw(856px, 'default', 300px);
+      margin-top: tovw(62px, 'default', 30px);
     }
   }
 
diff --git a/src/components/sections/products/hero/hero.module.scss b/src/components/sections/products/hero/hero.module.scss
index e0e6ca9..58b4f52 100644
--- a/src/components/sections/products/hero/hero.module.scss
+++ b/src/components/sections/products/hero/hero.module.scss
@@ -115,6 +115,7 @@
           line-height: 1.5;
         }
 
+        margin: 0;
         width: tovw(546px, 'default', 150px);
         line-height: 1.65;
         font-size: tovw(30px, 'default', 18px);
diff --git a/src/components/sections/products/stack/stack.module.scss b/src/components/sections/products/stack/stack.module.scss
index 87487c4..755d1b9 100644
--- a/src/components/sections/products/stack/stack.module.scss
+++ b/src/components/sections/products/stack/stack.module.scss
@@ -33,13 +33,13 @@
 
     p {
       @include respond-to('mobile') {
-        margin: 0;
         margin-top: tovw(40px, 'mobile');
         width: 100%;
         max-width: 550px;
         line-height: 1.5;
       }
 
+      margin: 0;
       width: tovw(746px, 'default', 300px);
       line-height: 1.35;
       font-size: tovw(30px, 'default', 18px);
diff --git a/src/lib/renderer/blog.module.scss b/src/lib/renderer/blog.module.scss
index 0a49a84..65e3bb3 100644
--- a/src/lib/renderer/blog.module.scss
+++ b/src/lib/renderer/blog.module.scss
@@ -34,8 +34,12 @@
   }
 
   p {
+    @include respond-to('mobile') {
+      font-size: tovw(15px, 'default', 15px);
+    }
+
     font-family: var(--font-tt-hoves);
-    font-size: tovw(22px, 'default', 15px);
+    font-size: tovw(22px, 'default', 18px);
     line-height: 160%;
     letter-spacing: -0.01em;
     margin: tovw(44px, 'default', 40px) 0;