diff --git a/src/styles/Header.module.scss b/src/styles/Header.module.scss index 5644153..d67af83 100644 --- a/src/styles/Header.module.scss +++ b/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; + } + } + + } +} diff --git a/src/styles/Menu.module.scss b/src/styles/Menu.module.scss index ac599e7..7833b83 100644 --- a/src/styles/Menu.module.scss +++ b/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; + } + } }