From 85214480728a8f2df1da1bcff23ee210f346bdab Mon Sep 17 00:00:00 2001
From: Hope87 <vitaliy0187@gmail.com>
Date: Wed, 9 Jun 2021 15:00:15 +0300
Subject: [PATCH] finished second mobile page

---
 src/components/Candidate/Candidate.module.css | 44 +++++++++++++++++++
 .../Description/Description.module.css        |  6 +++
 src/components/Sidebar/Sidebar.module.css     | 14 ++++++
 3 files changed, 64 insertions(+)

diff --git a/src/components/Candidate/Candidate.module.css b/src/components/Candidate/Candidate.module.css
index 217326f4..670c431b 100644
--- a/src/components/Candidate/Candidate.module.css
+++ b/src/components/Candidate/Candidate.module.css
@@ -13,6 +13,20 @@
   line-height: 77.81px;
 }
 
+@media (max-width: 575.98px) {
+  .candidate__title > h2 {
+    font-size: 5em;
+    line-height: normal;
+  }
+}
+
+@media (max-width: 375.98px) {
+  .candidate__title > h2 {
+    font-size: 4.5em;
+    line-height: normal;
+  }
+}
+
 .candidate__title > h2 > span {
   color: #282828;
   font-style: normal;
@@ -128,6 +142,36 @@
   text-align: left;
 }
 
+@media (max-width: 575.98px) {
+  .candidate__main__description > h2 {
+    font-size: 3.2em;
+    text-align: center;
+    position: absolute;
+    top: -410px;
+    left: 0;
+  }
+}
+
+@media (max-width: 375.98px) {
+  .candidate__main__description > h2 {
+    font-size: 2.8em;
+  }
+}
+
+@media (max-width: 345.98px) {
+  .candidate__main__description > h2 {
+    font-size: 2.6em;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .candidate__main__description > img {
+    width: 50%;
+    display: block;
+    margin: 0 auto;
+  }
+}
+
 .candidate__main__description > p {
   font-family: 'GT Eesti Pro Display';
   font-size: 1.2em;
diff --git a/src/components/Description/Description.module.css b/src/components/Description/Description.module.css
index 10aa72b7..46d05fa2 100644
--- a/src/components/Description/Description.module.css
+++ b/src/components/Description/Description.module.css
@@ -64,6 +64,12 @@
   }
 }
 
+@media (max-width: 346px) {
+  .description__title {
+    font-size: 2.6em;
+  }
+}
+
 .description__text {
   font-family: 'GT Eesti Pro Display';
   font-size: 1.7em;
diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css
index 4c1ca7aa..fdb5bce9 100644
--- a/src/components/Sidebar/Sidebar.module.css
+++ b/src/components/Sidebar/Sidebar.module.css
@@ -13,6 +13,12 @@
   margin-top: 40px;
 }
 
+@media (max-width: 575.98px) {
+  .candidateSidebar__info {
+    margin-top: 140px;
+  }
+}
+
 .candidateSidebar__info > img {
   width: 180px;
   height: 180px;
@@ -70,6 +76,14 @@
   margin-top: 20px;
 }
 
+@media (max-width: 575.98px) {
+  .candidateSidebar__info__btn,
+  .candidateSidebar__info__l,
+  .candidateSidebar__arrows {
+    display: none;
+  }
+}
+
 .arrow__left {
   position: relative;
   width: 30px;