Commit c9cc0a1f authored by Eugen Rochko's avatar Eugen Rochko

Improve responsivity

parent decb2b94
......@@ -2,7 +2,7 @@ import React from 'react';
const Credits = () => (
<div className='credits' id='credits'>
<div className='container row'>
<div className='container row optional-row'>
<div className='funding'>
<h3>Sponsors</h3>
<p>Mastodon is free, open-source software. There is no advertising, monetizing, or venture capital. The development is crowdfunded.</p>
......
src/assets/instance_badges.png

33.2 KB | W: | H:

src/assets/instance_badges.png

58 KB | W: | H:

src/assets/instance_badges.png
src/assets/instance_badges.png
src/assets/instance_badges.png
src/assets/instance_badges.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -414,6 +414,11 @@ $phi: 1.6180339887498948482;
padding: 0 20px;
}
.bottom-cta {
padding-left: 20px;
padding-right: 20px;
}
.as-seen-on .logo-grid {
& > div {
flex-direction: column;
......@@ -435,7 +440,7 @@ $phi: 1.6180339887498948482;
.hero {
width: 90%;
height: initial;
height: 190px;
padding-bottom: 100px;
}
......
......@@ -66,3 +66,22 @@
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 800px) {
.credits {
padding-left: 20px;
padding-right: 20px;
.optional-row {
display: block;
}
.funding {
margin-bottom: 50px;
}
.branding {
width: 100%;
}
}
}
......@@ -34,15 +34,38 @@
}
.network-grid {
overflow: hidden;
flex: 1 1 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-height: 446px;
img {
display: block;
}
}
}
@media only screen and (max-width: 800px) {
.how-it-works {
padding: 0 20px;
}
}
@media only screen and (max-width: 640px) {
.how-it-works {
.row {
display: block;
}
.specs {
width: 100%;
margin: 0;
margin-bottom: 50px;
}
.network-grid {
margin-bottom: 50px;
}
}
}
......@@ -225,3 +225,13 @@
}
}
}
@media only screen and (max-width: 800px) {
.wizard-page {
padding: 0 20px;
}
.wizard {
max-height: 60vh;
}
}
Markdown is supported
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