+
ENTRAR
diff --git a/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss b/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss
new file mode 100644
index 0000000..0097f10
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/Header/HeaderMobile.modules.scss
@@ -0,0 +1,23 @@
+.HeaderMobile {
+ display: flex;
+ flex-direction: column;
+ padding: 25px 16px;
+ background: #000000;
+
+ .topHeaderMobile {
+ display: flex;
+ justify-content: space-between;
+ padding-bottom: 25px;
+ }
+
+ .Search_Header_wrapper {
+ width: 100%;
+ .Search_Header {
+ width: 100%;
+ height: 36px;
+ background: #ffffff;
+ border: 2px solid #f0f0f0;
+ border-radius: 5px;
+ }
+ }
+}
diff --git a/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx b/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx
new file mode 100644
index 0000000..56592a1
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/Header/HeaderMobile.tsx
@@ -0,0 +1,32 @@
+import { NavLink } from "react-router-dom";
+import LogoM3 from "../assets/imgs/SVGs/Logo-M3Academy_mobile.svg";
+import CartIcon from "../assets/imgs/SVGs/minicart_mobile.svg";
+import MenuHamburguer from "../assets/imgs/SVGs/MenuHamburguer.svg";
+
+import "./HeaderMobile.modules.scss";
+
+export const HeaderMobile = () => {
+ return (
+ <>
+
+
+ {/*
ENTRAR */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+ );
+};
diff --git a/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss b/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss
deleted file mode 100644
index 270c24d..0000000
--- a/desafio-react-e-typescript/src/components/HeaderDesktop.modules.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.Header {
- display: flex;
- justify-content: space-between;
- padding: 0 100px;
- background: #000000;
-
- .Search_Header_wrapper {
- width: 100%;
- .Search_Header {
- width: 100%;
- }
- }
-
- @media (min-width: 1025px) {
- padding: 22px 100px;
-
- .Search_Header_wrapper {
- width: 100%;
- .Search_Header {
- width: 100%;
- }
- }
- }
-}
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg
new file mode 100644
index 0000000..f57d95b
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_desktop.svg
@@ -0,0 +1,9 @@
+
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg
new file mode 100644
index 0000000..f83fef1
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/Logo-M3Academy_mobile.svg
@@ -0,0 +1,9 @@
+
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg
new file mode 100644
index 0000000..6cadeb3
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/MenuHamburguer.svg
@@ -0,0 +1,5 @@
+
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg
new file mode 100644
index 0000000..19dd15b
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_desktop.svg
@@ -0,0 +1,12 @@
+
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg
new file mode 100644
index 0000000..165d30e
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/minicart_mobile.svg
@@ -0,0 +1,5 @@
+
diff --git a/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg
new file mode 100644
index 0000000..9455c4d
--- /dev/null
+++ b/desafio-react-e-typescript/src/components/assets/imgs/SVGs/search 2.svg
@@ -0,0 +1,10 @@
+