From 632b11e42164cacf497ee8e83af867c430e6fe2b Mon Sep 17 00:00:00 2001
From: Sevka <240303vilkov@gmail.com>
Date: Wed, 6 Sep 2023 00:24:09 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=BF=D0=B8=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/City/City.js       | 2 +-
 src/components/City/City.scss     | 8 +++++---
 src/components/Second/Second.js   | 2 +-
 src/components/Second/second.scss | 2 +-
 src/components/Start/Start.js     | 2 +-
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/City/City.js b/src/components/City/City.js
index a355c67..8760b90 100644
--- a/src/components/City/City.js
+++ b/src/components/City/City.js
@@ -54,7 +54,7 @@ const City = (props) => {
   }, [selectedCity, cityOptions]);
 
   return (
-    <div className="container">
+    <div className="container container_space_around">
       <div className="city">
         <div className="city__plannet">
           <img src='./image 2.png' alt="#" draggable="false" className="city__plannet_img"/>
diff --git a/src/components/City/City.scss b/src/components/City/City.scss
index 2a0adca..649c5c1 100644
--- a/src/components/City/City.scss
+++ b/src/components/City/City.scss
@@ -56,11 +56,13 @@
 .container {
   display: flex;
   flex-direction: column;
-  height: 100vh;
-  justify-content: space-around;
+  height: 95vh;
+  
   align-items: center;
   background: linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%);
-
+  &_space_around {
+    justify-content: space-around;
+  }
 }
 .city {
   height: 520px;
diff --git a/src/components/Second/Second.js b/src/components/Second/Second.js
index bced485..bfc8671 100644
--- a/src/components/Second/Second.js
+++ b/src/components/Second/Second.js
@@ -1,6 +1,6 @@
 import React from "react"
 import { useNavigate } from "react-router-dom"; 
-import './second.scss'
+import './second.scss';
 import Icon from './images/Vector.svg'
 
 
diff --git a/src/components/Second/second.scss b/src/components/Second/second.scss
index b90fa4f..7c99fd2 100644
--- a/src/components/Second/second.scss
+++ b/src/components/Second/second.scss
@@ -12,7 +12,7 @@
     align-content: center;
     flex-wrap: wrap;
     justify-content: space-between;
-    height: 95vh;
+    height: 100%;
     background: linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%);
     filter: blur(2);
     padding-bottom: 10px;
diff --git a/src/components/Start/Start.js b/src/components/Start/Start.js
index f3ae8b2..23f3f2d 100644
--- a/src/components/Start/Start.js
+++ b/src/components/Start/Start.js
@@ -37,7 +37,7 @@ const Start = (props) => {
   }, []);
 
   return (
-    <div className="container">
+    <div className="container container_space_around">
       <div className="header">
         <img src="./logo192.png" alt="logo" className="header__logo"/>
         <span className="header__text">Путешествия<p>Просто!</p></span>