diff --git a/_config.yml b/_config.yml
index 9ee74e33..da675758 100644
--- a/_config.yml
+++ b/_config.yml
@@ -126,7 +126,7 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster)
 # -----------------------------------------------------------------------------
 
 blog_name: boyer's blog # blog_name will be displayed in your blog page
-blog_description: all things asboyer
+blog_description: I believe writing is one of the most powerful tools we have to understand the world. Hopefully, through my writing, you can discover something new in technology, lifestyle, ideas, projects, or storytelling.
 permalink: /blog/:year/:title/
 
 # Pagination
diff --git a/_includes/social.liquid b/_includes/social.liquid
index 1800c4ef..bcf37a34 100644
--- a/_includes/social.liquid
+++ b/_includes/social.liquid
@@ -110,11 +110,7 @@
     <a href="https://letterboxd.com/{{ site.letterboxd_username }}" title="Letterboxd"><i class="fa-brands fa-square-letterboxd"></i></a>
 {% endif %}
 {% if site.substack_username: %}
-    <a href="https://{{ site.substack_username }}.substack.com" title="Substack">
-        <svg class="substack-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-label="Substack">
-            <path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/>
-        </svg>
-    </a>
+    <a href="https://{{ site.substack_username }}.substack.com" title="Substack"><svg class="substack-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-label="Substack"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/></svg></a>
 {% endif %}
 {% if site.goodreads_id: %}
     <a href="https://www.goodreads.com/user/show/{{ site.goodreads_id }}" title="Goodreads"><i class="fa-brands fa-goodreads"></i></a>
diff --git a/_pages/blog.md b/_pages/blog.md
index 737ddb78..d263dae7 100644
--- a/_pages/blog.md
+++ b/_pages/blog.md
@@ -25,6 +25,9 @@ pagination:
 
   <div class="header-bar">
     <h1>{{ site.blog_name }}</h1>
+    {% if blog_description_size > 0 %}
+      <p class="blog-description">{{ site.blog_description }}</p>
+    {% endif %}
   </div>
   {% endif %}
 
@@ -72,7 +75,7 @@ pagination:
 
 <div class="container featured-posts">
 {% assign is_even = featured_posts.size | modulo: 2 %}
-<div class="row row-cols-{% if featured_posts.size <= 2 or is_even == 0 %}2{% else %}3{% endif %}">
+<div class="row row-cols-1 row-cols-sm-{% if featured_posts.size <= 2 or is_even == 0 %}2{% else %}3{% endif %}">
       <!-- TODO: fix the links, info it displays, like redirects and predicted length -->
       {% for post in featured_posts %}
         <div class="card-item col">
diff --git a/_posts/2024-03-01-the-sierra-escape-pt-1.md b/_posts/2024-03-01-the-sierra-escape-pt-1.md
index 5e647f4b..81ce9591 100644
--- a/_posts/2024-03-01-the-sierra-escape-pt-1.md
+++ b/_posts/2024-03-01-the-sierra-escape-pt-1.md
@@ -21,6 +21,12 @@ authors:
     font-size: 1.2rem !important;
     line-height: 2.0 !important;
   }
+  @media (max-width: 768px) {
+    #markdown-content {
+      font-size: 1.1rem !important;
+      line-height: 1.8 !important;
+    }
+  }
 </style>
 
 <h2 style="text-align: center; margin-top: 30px">Prologue</h2>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index b1995d4f..d3815e31 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -2,6 +2,15 @@
  * Styles for the base elements of the theme.
  ******************************************************************************/
 
+// Hide scrollbar while keeping scroll functionality
+html {
+    scrollbar-width: none; // Firefox
+    -ms-overflow-style: none; // IE/Edge
+    &::-webkit-scrollbar {
+        display: none; // Chrome/Safari
+    }
+}
+
 // Typography
 
 p,
@@ -544,12 +553,25 @@ footer.sticky-bottom {
         color: var(--global-theme-color);
         font-size: 5rem;
     }
+
+    .blog-description {
+        color: var(--global-text-color-light);
+        font-size: 1rem;
+        // margin-top: -0.75rem;
+        margin-top: 0;
+        margin-bottom: 0;
+
+        @media (max-width: 768px) {
+            display: none;
+        }
+    }
 }
 
 .tag-category-list {
     border-bottom: 1px solid var(--global-divider-color);
     text-align: center;
     padding-top: 1rem;
+    padding-bottom: 1rem;
 
     ul {
         justify-content: center;
@@ -559,10 +581,20 @@ footer.sticky-bottom {
         li {
             list-style: none;
             display: inline-block;
-            padding: 1rem 0.5rem;
+            padding: 0.25rem 0.5rem;
+            margin: 0;
             color: var(--global-text-color-light);
         }
     }
+
+    @media (max-width: 768px) {
+        ul {
+            p,
+            li {
+                padding: 0.1rem 0.5rem;
+            }
+        }
+    }
 }
 
 .post-title {
@@ -571,6 +603,12 @@ footer.sticky-bottom {
     }
 }
 
+@media (max-width: 768px) {
+    .post-list .post-title {
+        font-size: 1.4rem;
+    }
+}
+
 @media (max-width: 500px) {
     .post-title {
         font-size: 2rem;
@@ -624,6 +662,13 @@ footer.sticky-bottom {
             display: unset;
         }
     }
+
+    @media (max-width: 768px) {
+        li {
+            padding-top: 1rem;
+            padding-bottom: 0.5rem;
+        }
+    }
 }
 
 .pagination {
@@ -991,8 +1036,13 @@ html.transition *:after {
 }
 
 #markdown-content {
-    font-size: 1.15rem !important;
-    line-height: 1.8 !important;
+    font-size: 1.18rem !important;
+    line-height: 1.7 !important;
+
+    @media (max-width: 768px) {
+        font-size: 1.075rem !important;
+        line-height: 1.6 !important;
+    }
 }
 
 #navbar {