Вернул норм вид на пк

+ новый фиксы дизайна

src/components/Start/Start.js

@@ -31,10 +31,14 @@ const Start = (props) => {
             height: '95vh',
             overflow: 'hidden',
         }}>
-            <img src="./logo192.png" alt="logo" style={{width: '181px', height: '181px'}} />
+            <div style={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+            }}>
+                <img src="./logo192.png" alt="logo" style={{width: '181px', height: '181px'}} />
             <span style={{
                 color: '#F68C43',
-                width: '60%',
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'start',
@@ -42,6 +46,8 @@ const Start = (props) => {
                 fontFamily: 'Raleway',
                 fontSize: '40px',
             }}>Путешествия <p style={{color: '#4EB0F2'}} >Просто!</p></span>
+            </div>
+            
             <iframe scrolling="no" src={kek} style={{
                 overflow: 'hidden',
                 border: 'none',

src/components/Tinder/Tinder.css

@@ -1,6 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
   .tinder-container {
-    margin-top: 30%;
     height: 85vh;
     width: 100%;
     display: flex;
@@ -46,8 +45,8 @@
     align-items: center;
     position: absolute;
     width: 100%;
-    max-width: 300px;
-    max-height: 400px;
+    /* max-width: 300px; */
+    /* max-height: 400px; */
     cursor: pointer;
     border-radius: 10px;
     background-color: #fff;

src/components/Tinder/Tinder.js

@@ -70,7 +70,7 @@ const Tinder = (props) => {
                                     paddingTop: '10px',
                                 }}>
                                 <div style={{
-                                    height: '188px',
+                                    height: '300px',
                                     width: '245px',
                                     borderRadius: '10px',
                                     backgroundImage: `url(${card.imageURL})`,

src/index.css

@@ -1,6 +1,6 @@
 * {
     margin: 0;
     padding: 0;
-    max-width: 440px;
-    max-height: 920px;
+    /* max-width: 440px; */
+    /* max-height: 920px; */
 }