diff --git a/source/pages/about.md b/source/pages/about.md
index 4b1212b..ce09c90 100644
--- a/source/pages/about.md
+++ b/source/pages/about.md
@@ -1,5 +1,6 @@
 ---
 title: About
+order: 2
 ---
 
 Suspendisse facilisis quam libero, nec ullamcorper nibh lobortis at. Integer ac iaculis nisl, et hendrerit erat. Integer justo leo, malesuada a odio vel, feugiat viverra enim. Fusce non ex ut orci egestas mattis a in tortor. Aenean molestie quam quis congue faucibus. Mauris sed congue purus. Vestibulum aliquam quam sit amet lorem sagittis venenatis. Nulla facilisi. Etiam ut hendrerit dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc sit amet lectus massa. Nunc sagittis eleifend mauris, interdum volutpat lectus.
diff --git a/source/pages/blog.md b/source/pages/blog.md
index 1d725d4..fd530b0 100644
--- a/source/pages/blog.md
+++ b/source/pages/blog.md
@@ -6,6 +6,7 @@ pagination:
   data: collections.posts
   size: 10
   reverse: true
+order: 3
 ---
 
 Cras tincidunt ex rutrum lorem laoreet, in tristique nunc gravida. Cras vestibulum sit amet velit a efficitur. Duis et facilisis elit. Nunc eu posuere nulla. Donec id ultricies nunc. Ut lacus elit, dictum id mi a, eleifend vestibulum ipsum. Morbi non rutrum ipsum.
diff --git a/source/pages/contact.md b/source/pages/contact.md
index bb8023f..f1842d1 100644
--- a/source/pages/contact.md
+++ b/source/pages/contact.md
@@ -1,5 +1,6 @@
 ---
 title: Contact
+order: 5
 ---
 
 Proin et metus rutrum, volutpat sapien ut, tincidunt mi. Vivamus pulvinar est sit amet odio auctor dapibus. Etiam et erat eleifend, auctor elit eget, gravida est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam at arcu sit amet libero ultricies pretium. Duis nisl massa, vulputate scelerisque dictum eget, pellentesque et tellus. Quisque egestas purus eget arcu elementum feugiat. Vivamus dignissim elit odio, quis molestie orci sodales id. Proin cursus mauris sed finibus tempus. Aenean nec velit eleifend, viverra leo quis, pharetra orci.
diff --git a/source/pages/index.md b/source/pages/index.md
index 78888c8..7d26e47 100644
--- a/source/pages/index.md
+++ b/source/pages/index.md
@@ -2,6 +2,7 @@
 title: Home
 layout: home
 permalink: "/"
+order: 1
 ---
 
 Duis gravida est eu dolor scelerisque fringilla. Quisque eget nisl eu mi eleifend bibendum et et mi. Nam malesuada justo et purus tempor, eget aliquet odio blandit. Sed id lorem ut magna dignissim iaculis et sed nibh.
diff --git a/source/pages/tags.md b/source/pages/tags.md
index 3508b70..ee6dbbe 100644
--- a/source/pages/tags.md
+++ b/source/pages/tags.md
@@ -1,8 +1,9 @@
 ---
 title: Tags
 permalink: "/blog/tags/"
+order: 4
 ---
 
-{%- from "taxonomy.njk" import taxonomy with context -%}
+{%- from 'taxonomy.njk' import taxonomy with context -%}
 
 {{- taxonomy(collections.tags, 'tags') -}}
diff --git a/source/presentation/scss/components/_index.scss b/source/presentation/scss/components/_index.scss
index 4dcdc99..d09218d 100644
--- a/source/presentation/scss/components/_index.scss
+++ b/source/presentation/scss/components/_index.scss
@@ -6,3 +6,4 @@
 @forward "skip-links";
 @forward "post-meta";
 @forward "post-pagination";
+@forward "tags-list";
diff --git a/source/presentation/scss/components/_tags-list.scss b/source/presentation/scss/components/_tags-list.scss
new file mode 100644
index 0000000..b58d94d
--- /dev/null
+++ b/source/presentation/scss/components/_tags-list.scss
@@ -0,0 +1,10 @@
+.tags-list {
+	display: flex;
+	flex-wrap: wrap;
+	row-gap: 1em;
+	column-gap: 2em;
+
+	li {
+		flex-basis: max-content;
+	}
+}
diff --git a/source/template/includes/nav.njk b/source/template/includes/nav.njk
index 2d94029..89efaee 100644
--- a/source/template/includes/nav.njk
+++ b/source/template/includes/nav.njk
@@ -1,7 +1,7 @@
 {%- macro nav(items) -%}
 
 <ul role="list">
-{%- for item in items -%}
+{%- for item in items | sort(false, false, 'data.order') -%}
 	<li><a href="{{- item.url -}}">{{- item.data.title -}}</a></li>
 {%- endfor -%}
 </ul>
diff --git a/source/template/includes/taxonomy.njk b/source/template/includes/taxonomy.njk
index c247b8a..b8792f8 100644
--- a/source/template/includes/taxonomy.njk
+++ b/source/template/includes/taxonomy.njk
@@ -1,6 +1,6 @@
 {%- macro taxonomy(collection, type) -%}
 
-<ul>
+<ul class="{{- type -}}-list" role="list">
 {%- for taxonomy in collection %}
 	{%- if taxonomy != 'pages' and taxonomy != 'posts' %}
 		<li>