diff --git a/src/app.css b/src/app.css
index e6d9e5c..653f04e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -18,12 +18,6 @@
 	--column-margin-top: 4rem;
 }
 
-.root-div {
-	height: 100vh;
-	display: flex;
-	flex-direction: column;
-}
-
 select, button, input {
 	font-family: Roboto, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 	font-size: 90%;
diff --git a/src/app.html b/src/app.html
index 2e2db7f..2d06c87 100644
--- a/src/app.html
+++ b/src/app.html
@@ -7,6 +7,6 @@
 		%sveltekit.head%
 	</head>
 	<body>
-		<div class="root-div">%sveltekit.body%</div>
+		%sveltekit.body%
 	</body>
 </html>
diff --git a/src/lib/header/NavBar.svelte b/src/lib/header/NavBar.svelte
index 36719b4..60b56f9 100644
--- a/src/lib/header/NavBar.svelte
+++ b/src/lib/header/NavBar.svelte
@@ -11,19 +11,23 @@
     <div>
 
     </div>
-    <ul data-sveltekit-prefetch>
-        {#each routes as route}
-            <li class:active={$page.url.pathname === route.path}>
-                <a href={route.path}>{route.name}</a>
-            </li>
-        {/each}
-    </ul>
+    <div>
+        <ul data-sveltekit-prefetch>
+            {#each routes as route}
+                <li class:active={$page.url.pathname === route.path}>
+                    <a href={route.path}>{route.name}</a>
+                </li>
+            {/each}
+        </ul>
+    </div>
     <div style="display: flex; align-items: center;">
+        <!--
         <a title="Kafka Dance GitLab" href="https://gitlab.com/kafka-dance">
-            <img alt="GitLab Logo" style="height: 20px;"
+            <img alt="GitLab Logo" style="height: 18px; width: auto;"
                  class="white-glow"
-                 src="/gitlab-logo-white.svg">
+                 src="/gitlab-logo-white.png">
         </a>
+        -->
     </div>
 </nav>
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0342aec..4e712af 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -17,11 +17,9 @@
 		flex-direction: column;
 		padding: 1rem 1rem 0;
 		width: 100%;
-		/*
-		max-width: 1024px;
-		 */
 		margin: 0 auto;
 		box-sizing: border-box;
+		align-items: center;
 	}
 
 	footer {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index deaee3e..8f8a4fe 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -79,11 +79,11 @@ JSON.parse(`{
 
 </script>
 
+<!--
 <div class="logo-json-box">
-    <!--
-    <img src="/json.png" alt="With Kafka Dance, browsing Kafka data is easy" />
-    -->
+<img src="/json.png" alt="With Kafka Dance, browsing Kafka data is easy" />
 </div>
+-->
 <div class="content">
     <div class="eye-catch">
         <h1>Data should be <span class="fun">Fun</span></h1>
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 8cc26e5..c9d110c 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -23,6 +23,7 @@
 
 <style>
     .with-image {
+        display: flex;
         background-color: rgba(0, 0, 0, 0.03);
         padding: 1em;
         transition: background-color 300ms;
@@ -30,6 +31,9 @@
     .with-image:hover {
         background-color: rgba(0, 0, 0, 0.08);
     }
+    .with-image img {
+        max-width: 90%;
+    }
     .blog-entry {
         display: flex;
         flex-direction: column;
diff --git a/src/routes/blog/[post]/+page.svelte b/src/routes/blog/[post]/+page.svelte
index 6eaa399..37bf1d4 100644
--- a/src/routes/blog/[post]/+page.svelte
+++ b/src/routes/blog/[post]/+page.svelte
@@ -6,16 +6,25 @@
     <h1>{data.metadata.title}</h1>
     <img src={data.metadata.headerImage}  alt={data.metadata.headerImageAlt}/>
 </div>
-<svelte:component this={data.content} />
+<div class="content">
+    <svelte:component this={data.content} />
+</div>
 
 <style>
+    .content {
+        max-width: 50vw;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
     .title-with-image {
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
-        line-height: 100%;
     }
     .title-with-image img {
         margin: 2em 2em 0;
diff --git a/src/routes/blog/what-is-kafka.md b/src/routes/blog/what-is-kafka.md
index bd642b7..d27ff57 100644
--- a/src/routes/blog/what-is-kafka.md
+++ b/src/routes/blog/what-is-kafka.md
@@ -6,4 +6,9 @@ headerImage: "/kafka-logo.png"
 headerImageAlt: "Kafka's logo"
 ---
 
-Initially built by LinkedIn, Kafka
\ No newline at end of file
+Initially built by LinkedIn, Apache Kafka is a "distributed event store" and "stream processing" platform.
+But what does that mean exactly?
+
+## Distributed Event Store
+
+## Stream Processing
\ No newline at end of file
