anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(Header.module.scss): adicionando @media max-width: 2500px e min-width: 1281px no .Header__Top

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-12-29 10:04:08 -03:00
parent c3586b5a99
commit d5ca262ba0
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Header.module.scss
View File

@ -41,6 +41,9 @@ header {
@media (min-width: 2500px) {
height: 50.5px;
}
@media (max-width: 2500px) and (min-width: 1281px) {
width: auto;
}
}
}
}
@ -53,12 +56,20 @@ header {
@media (min-width: 2500px) {
width: 9.331%;
}
@media (max-width: 2500px) and (min-width: 1281px) {
justify-content: end;
}
& .List {
display: flex;
align-items: center;
list-style: none;
height: auto;
width: auto;
@media (max-width: 2500px) and (min-width: 1281px) {
&:first-child{
margin-right: 55px;
}
}
& a {
font-family: "Roboto";
font-style: normal;