forked from M3-Academy/desafio-react-e-typescript
fix(footer): socials container not better space
This commit is contained in:
parent
eda5e00efa
commit
33ae99810c
@ -312,7 +312,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.lists {
|
||||
.footer__lists.lists {
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
@ -486,6 +486,7 @@
|
||||
}
|
||||
|
||||
.footer__network {
|
||||
width: 100%;
|
||||
& > a {
|
||||
display: none;
|
||||
|
||||
@ -511,10 +512,19 @@
|
||||
}
|
||||
|
||||
.socials {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
@media screen and (min-width: 1025px) {
|
||||
li {
|
||||
width: function.fluid(35px, 215px);
|
||||
min-height: 35px;
|
||||
flex-grow: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -523,11 +533,6 @@
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@media only screen and (min-width: 2500px) {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user