_includes/author_card.html

@@ -21,10 +21,7 @@
       <time>{{ post.date | date_to_string }} </time>
     </div>
     <div class="col-2 image">
-      <img src="{{ post.author_image }}" alt="{{ post.author }}" />
-    </div>
-    <div class="col-3 name">
-      <div>{{ post.author }}</div>
+      <img src="{{ post.author_image }}" alt="{{ post.author }}" /><span class="name">{{ post.author }}</span>
     </div>
   </div>
 {% endif %}

_layouts/posts.html

@@ -66,15 +66,19 @@ layout: welcome
         <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
           <footer>
             <div class="row">
-                <div class="col-4">
+          
+              <div class="col-4">
+                  <p><a href="{{ post.url }}">Continue Reading</a></p>
+                </div>
+                <div class="col-2">
                   <p>Category: <a href="#">{{ post.category }}</a></p>
                 </div>
                 
-                <div class="col-6">
+                <div class="col-5">
                   <p>Tags: <a href="#">{{ post.tags }}</a></p>
                 </div>
                 
-                <div class="col-2">
+                <div class="col-1">
                   <p><a href="{{ post.url }}" class="fa-solid fa-comment"></a> 43</p>
                 </div>
                 

_scss/custom.scss

@@ -132,7 +132,7 @@ details[open] > summary {
 /* Content Area */
 
 .col-9.wrapper {
-  padding: 0 0em;
+  padding: 0 3em;
 }
 
 #content-area {
@@ -180,12 +180,8 @@ details[open] > summary {
 
 .image img {
   border-radius: 100%;
-  width: 50px;
-}
-
-.col-2.image {
+  height: 75px;
   width: auto;
-  margin-right: 1em;
 }
 
 .row.author {
@@ -195,7 +191,7 @@ details[open] > summary {
 }
 
 .col-2.date {
-  margin-top: 1.5em;
+  margin-top: 1.75em;
   margin-right: 1.5em;
   width: auto;
 }
@@ -204,11 +200,15 @@ details[open] > summary {
   color: white;
 }
 
-.col-3.name div {
+.col-2.image .name {
   color: white;
-  margin-top: 1.5em;
+  margin-left: .75em;
 }
 
+.col-2.image.name {
+  margin-top: 1.75em;
+  margin-left: 1.5em;
+}
 
 /* Content Footer */