Add some responsiveness to footer

This commit is contained in:
Jan Tuomi
2018-11-17 14:08:59 +02:00
parent f6d888fd91
commit cc3ff682a7
2 changed files with 15 additions and 5 deletions
+11 -5
View File
@@ -34,15 +34,16 @@
display: flex;
flex-direction: column;
text-align: left;
width: 60%;
margin: 0 20rem;
flex-basis: 100%;
margin: 0 20rem 0 10rem;
}
&__contacts {
display: flex;
position: relative;
justify-content: space-between;
flex-direction: row nowrap;
flex-flow: row nowrap;
font-weight: 100;
}
&__content {
@@ -50,6 +51,7 @@
position: relative;
flex-flow: column;
text-align: left;
padding-right: 3rem;
}
&__links {
@@ -65,8 +67,12 @@
background-color: $black;
align-items: center;
text-align: center;
justify-content: space-evenly;
justify-content: center;
font-size: 12px;
padding: 1rem 40rem;
padding: 1rem 0;
p {
padding: 0 1rem;
}
}
}
+4
View File
@@ -2,4 +2,8 @@
.footer-map {
display: flex;
iframe {
border: none;
}
}