diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 1441a26..fc3d0a7 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -7,15 +7,17 @@ const posts = (await getCollection('posts')).sort((a, b) => b.data.date.getTime(
 ---
 
 <BaseLayout title="Blog | VICIdial.com">
-  <div id="content">
-    {posts.map((post) => (
-      <div id={`post-${post.id}`}>
-        <a href={`/blog/${post.data.slug}`}>
-          <h2 class="post-title">{post.data.title}</h2>
-          {post.data.featuredImage && <Image class="attachment-thumbnail" src={post.data.featuredImage} alt={post.data.title} width={210} height={150} fit="cover" position="left top" />}
-        </a>
-        <p>{post.data.excerpt}<a href={`/blog/${post.data.slug}`} class="read-more">Read the Rest...</a></p>
-      </div>
-    ))}
-  </div>
+  {posts.map((post) => (
+  <Fragment key={post.id}>
+    <div class="post hentry" id={`post-${post.id}`}>
+      <a href={`/blog/${post.data.slug}`}>
+        <h2 class="post-title">{post.data.title}</h2>
+        {post.data.featuredImage && <Image class="attachment-thumbnail" src={post.data.featuredImage} alt={post.data.title} width={210} height={150} fit="cover" position="left top" />}
+      </a>
+      <p>{post.data.excerpt}<a href={`/blog/${post.data.slug}`} class="read-more">Read the Rest...</a></p>
+    </div>
+    <br />
+    <div class="clear"> </div>
+  </Fragment>
+  ))}
 </BaseLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ed6e3bb..6cfc910 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,20 +15,22 @@ const posts = (await getCollection('posts')).sort((a, b) => b.data.date.getTime(
 
   <FeaturedBox />
 
-  <div id="content">
-    {posts.map((post) => (
-      <div id={`post-${post.id}`}>
-        <a href={`/blog/${post.data.slug}`}>
-          <h2 class="post-title">{post.data.title}</h2>
-          {/* 210x150 cropped from left-top, matching the theme's set_post_thumbnail_size().
-              The featured images are 930x354 slide banners, so a centre crop would cut off
-              the subject, which sits in the left portion. */}
-          {post.data.featuredImage && <Image class="attachment-thumbnail" src={post.data.featuredImage} alt={post.data.title} width={210} height={150} fit="cover" position="left top" />}
-        </a>
-        <p>{post.data.excerpt}<a href={`/blog/${post.data.slug}`} class="read-more">Read the Rest...</a></p>
-      </div>
-    ))}
-  </div>
+  {posts.map((post) => (
+  <Fragment key={post.id}>
+    <div class="post hentry" id={`post-${post.id}`}>
+      <a href={`/blog/${post.data.slug}`}>
+        <h2 class="post-title">{post.data.title}</h2>
+        {/* 210x150 cropped from left-top, matching the theme's set_post_thumbnail_size().
+            The featured images are 930x354 slide banners, so a centre crop would cut off
+            the subject, which sits in the left portion. */}
+        {post.data.featuredImage && <Image class="attachment-thumbnail" src={post.data.featuredImage} alt={post.data.title} width={210} height={150} fit="cover" position="left top" />}
+      </a>
+      <p>{post.data.excerpt}<a href={`/blog/${post.data.slug}`} class="read-more">Read the Rest...</a></p>
+    </div>
+    <br />
+    <div class="clear"> </div>
+  </Fragment>
+  ))}
 
   <div class="content-ver-sep"> </div>
   <div id="customers-comment">