Merge pull request 'fix: ajustes no scss e responsividade' (#6) from feature/header into develop

Reviewed-on: #6

src/styles/Header.module.scss

@@ -7,6 +7,10 @@ header {
 	padding: 0;
 	background-color: $black;
 
+	.header__menu{
+		display: none;
+	}
+
 	.header__top{
 		padding: 25.07px 100px;
 		display: flex;
@@ -44,7 +48,7 @@ header {
 
 		.header__my-account-cart{
 			display: flex;
-			width: 10.63%;
+
 			justify-content: space-between;
 			align-items: center;
 
@@ -82,3 +86,43 @@ header {
 	}
 
 }
+
+@media (max-width: 1024px) {
+	header{
+		.header__top{
+			padding: 25.07px 16px;
+		}
+
+
+
+		.header__menu{
+			display: block;
+
+		}
+
+		.header__menu button {
+			background-color: #000000;
+			border: #000000;
+		}
+
+		.header__account{
+			display: none;
+		}
+		.header__botton{
+			display: none;
+		}
+	}
+
+}
+
+@media (max-width: 375px) {
+	header{
+		.header__top{
+			.header__container-input{
+
+				display: none;
+			}
+		}
+
+	}
+}

src/styles/Menu.module.scss

@@ -2,6 +2,26 @@
 	background: white;
  	width: 100%;
  	height: 585px;
+
+	p {
+		color: #C4C4C4;
+		font-family: 'Roboto', sans-serif;
+		font-size: 14px;
+		line-height: 16px;
+		text-transform: uppercase;
+	}
+
+	.menu__title{
+		padding: 0px 16px;
+		color: #FFFFFF;
+		display: flex;
+		background: #000000;
+		justify-content: space-between;
+		align-items: center;
+		img {
+			height: 15px;
+		}
+	}
 }