tweak layout a bit

pull/1901/head
Rich Harris 6 years ago
parent d4c6539908
commit 2d0d9cad17

@ -11,8 +11,6 @@
<Nav segment={child.segment} /> <Nav segment={child.segment} />
{/if} {/if}
{@debug path}
<main> <main>
<svelte:component this={child.component} {...child.props} /> <svelte:component this={child.component} {...child.props} />
</main> </main>
@ -21,7 +19,7 @@
main { main {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
padding: var(--nav-h) 0 0 0; padding: var(--nav-h) var(--side-nav) 0 var(--side-nav);
overflow-x: hidden; overflow-x: hidden;
} }
</style> </style>

@ -8,7 +8,8 @@
<style> <style>
.container { .container {
position: relative; position: relative;
margin: 10rem var(--side-page); margin: 10rem auto;
max-width: 120rem;
} }
.container ul { .container ul {
@ -156,7 +157,7 @@
<ul class='grid stretch'> <ul class='grid stretch'>
<li class='box bg-prime white'> <li class='box bg-prime white'>
<h2 style='padding:2.4rem 0 0 0'>Write less code</h2> <h2 style='padding:2.4rem 0 0 0'>Write less code</h2>
<p>Write boilerplate-free components using languages you already know — HTML, CSS and JavaScript</p> <p>Build boilerplate-free components using languages you already know — HTML, CSS and JavaScript</p>
<a href="TODO-blog-post-on-loc">learn more</a> <a href="TODO-blog-post-on-loc">learn more</a>
</li> </li>

Loading…
Cancel
Save