scrimba
Responsive Design
Think responsively
Featured article structure
Go Pro!

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Featured article structure
AboutCommentsNotes
Featured article structure
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Lora|Ubuntu:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="container container-nav">
<div class="site-title">
<h1>Living the social life</h1>
<p class="subtitle">A blog exploring minimalism in life</p>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Recent posts</a></li>
</ul>
</nav>
</div> <!-- / .container -->
</header>

<div class="container">
<main role="main"></main>
<aside class="sidebar"></aside>
</div>


<footer>
<p></p>
<p></p>
</footer>


</body>
</html>
Console
index.html
-5:05