Merge branch 'main' of https://git.zetcraft.ru/FichaHackaton/FichaFrontend

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',

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',
+            justifyContent: 'center',
-            paddingLeft: '10px',
-            height: 79,
-            width: 390,
-            backgroundColor: '#ffffff',
         }}>
             <div style={{
                 display: 'flex',
                 alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingLeft: '10px',
+                height: 79,
+                width: 390,
+                backgroundColor: '#ffffff',
             }}>
-                <img src="./logo5121.png" alt="#" style={{
+                <div style={{
-                height: 53,
+                    display: 'flex',
-                width: 53,
+                    alignItems: 'center',
-            }}/>
+                }}>
-            <span style={{
+                    <img src="./logo5121.png" alt="#" style={{
-                color: '#F68C43',
+                    height: 53,
-                width: '60%',
+                    width: 53,
-                display: 'flex',
+                }}/>
-                flexDirection: 'column',
+                <span style={{
-                alignItems: 'start',
+                    color: '#F68C43',
-                fontWeight: 700,
+                    width: '60%',
-                fontFamily: 'Raleway',
+                    display: 'flex',
-                fontSize: '20px',
+                    flexDirection: 'column',
-            }}>Путешествия <p style={{color: '#4EB0F2'}} >Просто!</p></span>
+                    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>
+        
      );
 }