Skip to content

Instantly share code, notes, and snippets.

@philippkuehn
Created January 10, 2014 18:56
Show Gist options
  • Save philippkuehn/8360353 to your computer and use it in GitHub Desktop.
Save philippkuehn/8360353 to your computer and use it in GitHub Desktop.
Untitled
* {
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
box-sizing: border-box;
}
main, nav {
padding: 20px;
}
nav {
background: tomato;
}
main {
background: deepskyblue;
}
nav ul {
list-style-type: none;
}
@media screen and (min-width: 600px) {
body {
display: table;
caption-side: top;
width: 100%;
}
nav {
display: table-caption;
}
nav ul {
width: 100%;
}
nav ul li {
display: inline;
padding: 0 1em;
}
}
<main>
<p>This is the main content.</p>
</main>
<nav>
<p>This is the navigation.</p>
<ul>
<li><a href="#">foo</a></li>
<li><a href="#">bar</a></li>
<li><a href="#">baz</a></li>
</ul>
</nav>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment