WellingtonDuarteSantos/desafio-react-e-typescript-wellington-duarte-santos
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(footer): Ajustes de Css

Browse Source
This commit is contained in:
Wellington Duarte Santos 2023-01-21 00:11:34 -03:00
parent 762c0ac711
commit eef67d723f
1 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/Footer/Footer.scss
View File

@ -219,7 +219,7 @@ footer {
@media screen and (max-width: 1024px) {
footer {
padding: 24px 16px;
padding: 0;
.active {
display: block;
@ -228,6 +228,7 @@ footer {
.footer-top {
flex-direction: column;
justify-content: space-between;
padding: 16px 12px;
.menu-list {
display: none;
@ -290,48 +291,16 @@ footer {
padding-top: 6px;
}
}
}
.footer-bottom {
display: flex;
flex-direction: column;
background: black;
padding: 20px 16px;
align-items: baseline;
justify-content: space-between;
.footer-text {
width: 30%;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: capitalize;
color: #ffffff;
}
.credit-cards {
.footer-bottom {
display: flex;
width: 30%;
flex-direction: column;
background: black;
padding: 20px 16px;
align-items: baseline;
justify-content: baseline;
.credit-card {
width: 35px;
height: 20px;
}
figure {
margin: 0;
}
}
.credits {
display: flex;
align-items: center;
figure {
margin: 0;
}
.credit-text {
.footer-text {
width: 30%;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
@ -339,7 +308,38 @@ footer {
line-height: 12px;
text-transform: capitalize;
color: #ffffff;
margin-right: 13px;
}
.credit-cards {
display: flex;
width: 30%;
.credit-card {
width: 35px;
height: 20px;
}
figure {
margin: 0;
}
}
.credits {
display: flex;
align-items: center;
figure {
margin: 0;
}
.credit-text {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: capitalize;
color: #ffffff;
margin-right: 13px;
}
}
}
}