diff --git a/aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue b/aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue
index 0d69acf0eb3b317c18dda1a9709e1401b93728ca..eead50e48f27d704c3fffa22616e76a2f6263ff6 100644
--- a/aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue
+++ b/aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue
@@ -1,5 +1,17 @@
 <template>
-  <v-card-text>{{ documentation.id }}</v-card-text>
+  <div class="full-width d-flex flex-column flex-md-row align-stretch">
+    <lesson-information
+        :documentation="documentation"
+    />
+    <lesson-summary
+        :documentation="documentation"
+        class="flex-grow-1"
+    />
+    <lesson-notes
+        :documentation="documentation"
+        class="flex-grow-1"
+    />
+  </div>
 </template>
 
 <script>