Commit 67f6a158 authored by Bady's avatar Bady
Browse files

Make footer icons mobile responsive

parent ce5653be
......@@ -146,7 +146,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="#ffffff" d="M494.586 164.516c-4.697-3.883-111.723-89.95-135.251-108.657C337.231 38.191 299.437 0 256 0c-43.205 0-80.636 37.717-103.335 55.859-24.463 19.45-131.07 105.195-135.15 108.549A48.004 48.004 0 0 0 0 201.485V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.509a48 48 0 0 0-17.414-36.993zM464 458a6 6 0 0 1-6 6H54a6 6 0 0 1-6-6V204.347c0-1.813.816-3.526 2.226-4.665 15.87-12.814 108.793-87.554 132.364-106.293C200.755 78.88 232.398 48 256 48c23.693 0 55.857 31.369 73.41 45.389 23.573 18.741 116.503 93.493 132.366 106.316a5.99 5.99 0 0 1 2.224 4.663V458zm-31.991-187.704c4.249 5.159 3.465 12.795-1.745 16.981-28.975 23.283-59.274 47.597-70.929 56.863C336.636 362.283 299.205 400 256 400c-43.452 0-81.287-38.237-103.335-55.86-11.279-8.967-41.744-33.413-70.927-56.865-5.21-4.187-5.993-11.822-1.745-16.981l15.258-18.528c4.178-5.073 11.657-5.843 16.779-1.726 28.618 23.001 58.566 47.035 70.56 56.571C200.143 320.631 232.307 352 256 352c23.602 0 55.246-30.88 73.41-45.389 11.994-9.535 41.944-33.57 70.563-56.568 5.122-4.116 12.601-3.346 16.778 1.727l15.258 18.526z"/>
</svg>
<span class="get-in-touch">{{i18n "mlist"}}</span>
<span class="get-in-touch">{{i18n "email"}}</span>
</a>
<a href="https://fsmi.social/@sfcamp" target="_blank" rel="noopener" title="Fediverse/Pleroma">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 216.4144 232.00976">
......
......@@ -423,7 +423,7 @@ nav{
.icon-row a svg{
text-decoration: none;
color: white;
height: 42px;
height: 38px;
}
.icon-row.subscribe{
width: 60%;
......@@ -602,7 +602,14 @@ footer img {
min-width: auto;
}
.icon-row{
width: 80%;
width: 100%;
font-size: 12px;
}
.icon-row a svg{
height: 24px;
}
.icon-row.subscribe {
width: 100%;
}
.page, .expectations{
display: flex;
......@@ -614,6 +621,10 @@ footer img {
display: flex;
height: 100vh;
}
.task-text h2{
padding: 40px 20px 30px;
font-size: 1em;
}
.footer-icon-row{
flex-direction: column;
justify-content: center;
......@@ -621,7 +632,7 @@ footer img {
align-items: center;
}
.footer-icon-row a{
margin: 20px auto;
margin: 10px auto;
}
#coc{
width: 90%;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment