diff --git a/app/article-data.js b/app/article-data.js
index 9f15e1a..ba616dc 100644
--- a/app/article-data.js
+++ b/app/article-data.js
@@ -26,7 +26,17 @@ let articles =
     "published": true,
     "title": "Detangling the Standup: Status Reports, Team Planning, Context Sharing, and Community Building",
     "date": "2022-01-04",
-    "description": "Standups are often applied without understanding the problem they are solving. This leads to:<br><br>1. Not clearly solving a specific problem<br>2. Not solving a problem with the best solution<br>3. A daily interruption to deep work<br><br>What follows is a pragmatic and ideal approach to resolving this situation. The pragmatic approach is to understand so you can excel within that system. The ideal solution tries to change the system to better serve the team."
+    "description": `Standups are often applied without understanding the problem they are solving. This leads to:
+      <br>
+      <ol>
+        <li>Not clearly solving a specific problem</li>
+        <li>Not solving a problem with the best solution</li>
+        <li>A daily interruption to deep work</li>
+      </ol>
+      What follows is a pragmatic and ideal approach to resolving this situation.
+      The pragmatic approach is to understand so you can excel within that system.
+      The ideal solution tries to change the system to better serve the team.
+    `
   },
   {
     "slug": "detangling-the-manager",
diff --git a/app/components/article-card.gjs b/app/components/article-card.gjs
index 466a26e..3662b36 100644
--- a/app/components/article-card.gjs
+++ b/app/components/article-card.gjs
@@ -2,12 +2,14 @@ import { LinkTo } from '@ember/routing';
 
 <template>
   <div class="blog-item">
-    <LinkTo class="post-link"
-      @route="article"
-      @model={{@article}}>
-        {{@article.title}}
-    </LinkTo>
-    <p class="meta"><i>{{{@article.description}}}</i></p>
-    <p class="meta">{{@article.date}}</p>
+    <h2>
+      <LinkTo class="post-link"
+        @route="article"
+        @model={{@article}}>
+          {{@article.title}}
+      </LinkTo>
+    </h2>
+    <p class="meta"><i>{{@article.date}}</i></p>
+    <p class="meta">{{{@article.description}}}</p>
   </div>
 </template>
diff --git a/app/components/article-header.gjs b/app/components/article-header.gjs
index 84d862d..127df69 100644
--- a/app/components/article-header.gjs
+++ b/app/components/article-header.gjs
@@ -2,9 +2,9 @@ import { LinkTo } from '@ember/routing';
 
 <template>
   <div class="blog-item">
-    <h1>
+    <h2>
       {{@article.title}}
-    </h1>
-    <p class="meta">{{@article.date}}</p>
+    </h2>
+    <p class="meta"><i>{{@article.date}}</i></p>
   </div>
 </template>
diff --git a/app/styles/app.css b/app/styles/app.css
index b45ca45..1e64ece 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -66,6 +66,25 @@ blockquote p:last-child {
   margin-bottom: 0;
 }
 
+/*
+  TODO: these h2 styles have to move up to h1 styles because of the markdown rendering
+  TODO: move the title to not an h1, then move these styles to h1
+*/
+
+.blog-item h2 a {
+  font-size: 1.6rem;
+}
+
+.blog-item h2 {
+  color: var(--accent);
+  margin-bottom: 0.4rem;
+  font-size: 2.6rem;
+}
+
+.blog-item p {
+  margin-top: 0;
+}
+
 /* Icons from: https://www.iconfinder.com/iconsets/font-awesome-brands-vol-1 */
 .icon-button {
   text-decoration: none;
diff --git a/app/templates/article/conventional-comments.md b/app/templates/article/conventional-comments.md
index 54c0abc..7c7a9b3 100644
--- a/app/templates/article/conventional-comments.md
+++ b/app/templates/article/conventional-comments.md
@@ -10,12 +10,6 @@ This process helps convey understanding of:
 
 You can use the process [as documented by the author](https://conventionalcomments.org/), but I like using the following the following customized version.
 
-```js
-let a = 3;
-console.log(a);
-console.log('hey there');
-```
-
 ## Streamlined Conventional Comments
 
 All comments must be resolved before merging, but resolution can look different for different kinds of comments.