HenriqueSantosSantana/desafio-react-e-typescript-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(align): created spaces in header bottom content menu in large,medium devices

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-30 20:11:00 -03:00
parent 4b789e7524
commit 17ec6cc688
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/template/Header/index.module.scss
View File

@ -178,6 +178,12 @@
height: 100vh;
}
}
@media screen and (min-width: 1025px) {
&-content {
border-top: 1px solid var(--clr-common-white);
}
}
}
.menu {
@ -259,8 +265,9 @@
justify-content: flex-start;
gap: 55px;
padding: 14px 16px;
border-top: 1px solid var(--clr-common-white);
width: function.fluid(1080px, 1280px);
padding: 14px 0;
margin: 0 auto;
background-color: var(--clr-common-black);
@ -276,6 +283,12 @@
display: none;
}
}
@media screen and (min-width: 2500px) {
.list {
width: function.fluid(2299.68px, 2500px);
}
}
}
.search-top {