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

style: correção de width dos elementos da página

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-11 11:26:28 -03:00
parent ad8da03261
commit 9108017522
3 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Footer/Footer.module.scss
View File

@ -27,7 +27,7 @@ footer {
height: 96px;
}
@media (max-width: 1025px) {
width: 96.875%;
width: auto;
height: 104.01px;
flex-direction: column;
align-items: flex-start;
@ -36,7 +36,6 @@ footer {
margin: 0;
}
@media (max-width: 376px) {
width: 91.484%;
height: 98px;
row-gap: 0;
}
@ -376,11 +375,11 @@ footer {
}
@media (max-width: 1025px) {
flex-direction: column;
width: 96.875%;
width: 96.852%;
padding: 24px 0;
}
@media (max-width: 376px) {
width: 91.484%;
width: 91.284%;
}
.Menu__List {
display: flex;
@ -658,10 +657,10 @@ footer {
width: 92.002%;
}
@media (max-width: 1025px) {
width: 96.875%;
width: 96.852%;
}
@media (max-width: 376px) {
width: 91.484%;
width: 91.284%;
// width: 91.284%;
}
&__Block {
@ -713,7 +712,7 @@ footer {
}
@media (max-width: 1025px) {
margin-right: 0;
width: calc(100% - 34.2px);
width: calc(100% - 33.97px);
border-radius: unset;
margin-bottom: 16px;
}

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

@ -38,10 +38,10 @@ header {
height: 101px;
}
@media (max-width: 1025px) {
width: 96.875%;
width: 96.852%;
}
@media (max-width: 376px) {
width: 91.484%;
width: 91.284%;
}
.Header__Button {
background: transparent;
@ -142,13 +142,13 @@ header {
line-height: 33px;
}
@media (max-width: 1025px) {
width: calc(100% - 64px);
width: calc(100% - 63.96px);
height: 16.04px;
position: absolute;
top: 78px;
}
@media (max-width: 376px) {
width: calc(100% - 64.71px);
width: calc(100% - 63.96px);
}
&::placeholder {
@ -196,7 +196,7 @@ header {
z-index: 3;
left: -16px;
height: 78px;
width: 99.573%;
width: 99.597%;
transform: translateX(-100%);
transition: 0.5s ease-in-out;
background: $black;
@ -231,7 +231,7 @@ header {
@media (max-width: 1025px) {
position: absolute;
z-index: 3;
width: 99.573%;
width: 99.597%;
left: -16px;
transform: translateX(0);
transition: 0.5s ease-in-out;
@ -381,5 +381,3 @@ header {
border-top-width: 0px;
}
}

8
src/components/Main/Main.module.scss
View File

@ -30,11 +30,11 @@ main {
width: 92.002%;
}
@media (max-width: 1025px) {
width: 96.875%;
width: 96.852%;
margin-bottom: 108px;
}
@media (max-width: 376px) {
width: 91.484%;
width: 91.284%;
}
&__ArrowPointToRight {
margin-right: 9.72px;
@ -94,11 +94,11 @@ main {
width: 92.002%;
}
@media (max-width: 1025px) {
width: 96.875%;
width: 96.852%;
flex-direction: column;
}
@media (max-width: 376px) {
width: 91.484%;
width: 91.284%;
}
aside {
display: flex;