Update responsive imgs

JoaoIto · Feb 13, 2023 · e35fb82 · e35fb82 · vercel · Feb 13, 2023
1 parent 61411de
commit e35fb82
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 8 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -2,7 +2,6 @@ import { Header } from "./components/Header";
 import { About } from "./components/About";
 import { Form } from "./components/Form";
 import { Footer } from "./components/Footer";
-import styles from "../src/assets/styles/index.css"
 
 function App() {
   return (

diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
@@ -1,5 +0,0 @@
-@media(max-width <= 900px){
-    img{
-        display: none;
-    }
-}

diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
@@ -5,8 +5,16 @@ export function Footer() {
     return (
       <Card>
         <Title>Ito Bank</Title>
-        <img height="280" src="../../../src/assets/imgs/form.svg" />
-        <img height="280" src="../../../src/assets/imgs/ideia.svg" />
+        <img
+          className="img"
+          height="280"
+          src="../../../src/assets/imgs/form.svg"
+        />
+        <img
+          className="img"
+          height="280"
+          src="../../../src/assets/imgs/ideia.svg"
+        />
       </Card>
     );
 }

diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
@@ -1,4 +1,5 @@
 import { styled } from "../../../stitches.config";
+import style from "./index.module.css"
 
 export function Header() {
   return (

diff --git a/src/components/Header/index.module.css b/src/components/Header/index.module.css
@@ -0,0 +1,10 @@
+@media(width < 900px){
+
+    header{
+        text-align: center;
+    }
+
+    img{
+        display: none;
+    }
+}