допил

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"/>

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;

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'
 
 

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;

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>