Files
runosaari/styles/Footer.module.scss
2022-06-06 19:00:21 +03:00

57 lines
854 B
SCSS

footer {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
.container {
display: flex;
justify-content: space-between;
width: 50%;
align-items: start;
.middle img {
max-width: 55px;
margin-top: 10px;
}
.right {
text-align: right;
}
}
.mobileMiddle {
visibility: hidden;
img {
max-width: 55px;
margin-top: 10px;
}
}
}
@media screen and (max-width: 600px) {
footer {
.container {
width: 95% !important;
flex-direction: column;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
div {
text-align: center !important;
}
.middle {
visibility: hidden;
max-height: 15px;
}
}
.mobile-middle {
visibility: visible;
}
}
}