From 60416a13af08d83d26294e9793ecaf3351db8558 Mon Sep 17 00:00:00 2001
From: Sergey Karmanov <ppoocpel8888@gmail.com>
Date: Sat, 26 Aug 2023 12:25:00 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D0=B5=D1=80=D0=BD=D1=83=D0=BB=20=D0=BD?=
 =?UTF-8?q?=D0=BE=D1=80=D0=BC=20=D0=B2=D0=B8=D0=B4=20=D0=BD=D0=B0=20=D0=BF?=
 =?UTF-8?q?=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+ новый фиксы дизайна
---
 src/components/Start/Start.js    | 10 ++++++++--
 src/components/Tinder/Tinder.css |  5 ++---
 src/components/Tinder/Tinder.js  |  2 +-
 src/index.css                    |  4 ++--
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Start/Start.js b/src/components/Start/Start.js
index 478732a..c3622c0 100644
--- a/src/components/Start/Start.js
+++ b/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',
diff --git a/src/components/Tinder/Tinder.css b/src/components/Tinder/Tinder.css
index d0b6dd3..510f82a 100644
--- a/src/components/Tinder/Tinder.css
+++ b/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;
diff --git a/src/components/Tinder/Tinder.js b/src/components/Tinder/Tinder.js
index e0170ab..30d2e72 100644
--- a/src/components/Tinder/Tinder.js
+++ b/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})`,
diff --git a/src/index.css b/src/index.css
index c7f8bed..f2d6201 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,6 @@
 * {
     margin: 0;
     padding: 0;
-    max-width: 440px;
-    max-height: 920px;
+    /* max-width: 440px; */
+    /* max-height: 920px; */
 }
\ No newline at end of file