on master help sign in
index.html: fixes for mobile
0656f22Matilde Park
sass/_responsive.scss+3
@@ -16,6 +16,9 @@
16 grid-template-columns: 1fr;
16 grid-template-columns: 1fr;
17 grid-template-rows: repeat(1fr);
17 grid-template-rows: repeat(1fr);
18 }
18 }
19+ footer.full-bleed {
20+ padding: 8rem 2rem;
21+ }
19}
22}
20
23
21// custom L breakpoint classes
24// custom L breakpoint classes
templates/index.html+3−3
@@ -23,10 +23,10 @@
23{% block content %}
23{% block content %}
24
24
25<section class="full c2-12-md c3-11-lg">
25<section class="full c2-12-md c3-11-lg">
26− <div class="flex flex-column flex-row-m flex-row-l flex-row-xl justify-between mv5">
26+ <div class="flex flex-row justify-between mv5">
27 <h1 class="f3">Urbit</h1>
27 <h1 class="f3">Urbit</h1>
28− <nav class="flex flex-column dib-m dib-l dib-xl">
28+ <nav class="flex flex-row dib-m dib-l dib-xl">
29− <a href="/install" class="f3 pv1 ph3 tc fw6 bg-blue0-new blue2-new br3 ">Download Port</a>
29+ <a href="/install" class="dn di-m di-l di-xl f3 pv1 ph3 tc fw6 bg-blue0-new blue2-new br3 ">Download Port</a>
30 <a href="/docs" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
30 <a href="/docs" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Docs</a>
31 <a href="/blog" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
31 <a href="/blog" class="f3 pv1 ph3 tc fw6 gray6 ml0 ml3-m ml3-l ml3-xl">Blog</a>
32 </nav>
32 </nav>