From fcd9c6204289a343434527f19411271854fb3191 Mon Sep 17 00:00:00 2001
From: VITALY-VORON <142410419+VITALY-VORON@users.noreply.github.com>
Date: Sat, 26 Aug 2023 12:37:12 +0300
Subject: [PATCH] icon fix

---
 public/logo5121.png           | Bin 0 -> 3169 bytes
 public/menu.png               | Bin 0 -> 173 bytes
 src/components/Main/Card.js   |   2 +-
 src/components/Main/Header.js |  57 ++++++++++++++++++++--------------
 4 files changed, 34 insertions(+), 25 deletions(-)
 create mode 100644 public/logo5121.png
 create mode 100644 public/menu.png

diff --git a/public/logo5121.png b/public/logo5121.png
new file mode 100644
index 0000000000000000000000000000000000000000..af86010162f23493042de7ff450a67868c9a89ee
GIT binary patch
literal 3169
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
Hu0mjfwioeN

literal 0
HcmV?d00001

diff --git a/public/menu.png b/public/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b03ac003091e6764cab2399ee87f7e27f114954
GIT binary patch
literal 173
zcmeAS@N?(olHy`uVBq!ia0vp^ia;#J!3HG#W`C^$Qk(@Ik;M!Q+`=Ht$S`Y;1W=H%
zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK)#cwi(^Oy<J)T+IT;iMTrR#ZY|Z)a8>5-7
zu9cyami<AVCuhe+0|vuOLZ9tDF2yBIyXrpg*E(g7kR1;=J*@<H7%pV?Ti|%=lkTjA
QK+_mJUHx3vIVCg!01`YiM*si-

literal 0
HcmV?d00001

diff --git a/src/components/Main/Card.js b/src/components/Main/Card.js
index 0fe9924..a2735bb 100644
--- a/src/components/Main/Card.js
+++ b/src/components/Main/Card.js
@@ -4,7 +4,7 @@ const Card = ({city}) => {
     return ( 
         <div style={{
             height: 257,
-            width: 390,
+            width: '100%',
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
diff --git a/src/components/Main/Header.js b/src/components/Main/Header.js
index f84dd51..9245c0b 100644
--- a/src/components/Main/Header.js
+++ b/src/components/Main/Header.js
@@ -1,39 +1,48 @@
 const Header = () => {
     return ( 
         <div style={{
+            height: '100%',
+            width: '100%',
             display: 'flex',
             alignItems: 'center',
-            justifyContent: 'space-between',
-            paddingLeft: '10px',
-            height: 79,
-            width: 390,
-            backgroundColor: '#ffffff',
+            justifyContent: 'center',
         }}>
             <div style={{
                 display: 'flex',
                 alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingLeft: '10px',
+                height: 79,
+                width: 390,
+                backgroundColor: '#ffffff',
             }}>
-                <img src="./logo5121.png" alt="#" style={{
-                height: 53,
-                width: 53,
-            }}/>
-            <span style={{
-                color: '#F68C43',
-                width: '60%',
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'start',
-                fontWeight: 700,
-                fontFamily: 'Raleway',
-                fontSize: '20px',
-            }}>Путешествия <p style={{color: '#4EB0F2'}} >Просто!</p></span>
+                <div style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                }}>
+                    <img src="./logo5121.png" alt="#" style={{
+                    height: 53,
+                    width: 53,
+                }}/>
+                <span style={{
+                    color: '#F68C43',
+                    width: '60%',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'start',
+                    fontWeight: 700,
+                    fontFamily: 'Raleway',
+                    fontSize: '20px',
+                }}>Путешествия <p style={{color: '#4EB0F2'}} >Просто!</p></span>
+                </div>
+                <img src="./menu.png" alt="#" style={{
+                    height: 20,
+                    width: 32,
+                    marginRight: 10
+                }}/>
             </div>
-            <img src="./menu.png" alt="#" style={{
-                height: 20,
-                width: 32,
-                marginRight: 10
-            }}/>
         </div>
+        
      );
 }