diff --git a/sass/style.scss b/sass/style.scss
index 6a9e272..7965177 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -33,8 +33,15 @@ main {
 	padding: 1em;
 	margin: 0 auto;
 
-	&.fullwidth { max-width: $header-width; }
-	.partial { max-width: 35%; }
-
 	h2 { font-size: 3em; }
 }
+
+main#index {
+	max-width: $header-width;
+
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+
+	section, aside { max-width: 35%; }
+}
diff --git a/templates/index.html b/templates/index.html
index 18535d7..a5e681c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -14,12 +14,12 @@
 			<span id="menu">Menu</span>
 		</header>
 		{% block content %}
-		<main class="fullwidth">
-			<section class="partial">
+		<main id="index">
+			<section>
 				<h2>{{ config.title }}</h2>
 				{{ section.content | safe }}
 			</section>
-			<aside class="partial">
+			<aside>
 				{% for page in section.pages %}
 					{% if page.extra.indexnav %}
 						<a href="{{page.permalink}}">{{ page.title }}</a>