De emphasize column section

Gemfile.lock

@@ -24,11 +24,12 @@ GEM
       execjs
     coffee-script-source (1.12.2)
     colorator (1.1.0)
-    commonmarker (0.23.10)
+    commonmarker (0.23.11)
     concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     csv (3.3.0)
-    dnsruby (1.72.2)
+    dnsruby (1.72.3)
+      base64 (~> 0.2.0)
       simpleidn (~> 0.2.1)
     drb (2.2.1)
     em-websocket (0.5.3)
@@ -239,7 +240,7 @@ GEM
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    minitest (5.25.1)
+    minitest (5.25.2)
     net-http (0.5.0)
       uri
     nokogiri (1.16.7-aarch64-linux)

_includes/latest-posts.html

@@ -3,9 +3,9 @@ <h2 class="post-list-heading">{{ page.list_title }}</h2>
 {%- endif -%}
 <article class="post-list">
   {%- assign date_format = site.bpdevs.date_format | default: "%b %-d, %Y" -%}
-  <div class="latest-posts-grid">
+  <div>
     {% assign count = 0 %} {% assign limit_posts = 3 %} {%- for post in posts -%} {%- if count < limit_posts -%}
-    <div class="post-item">
+    <div>
       <h3>
         <a class="" href="{{ post.url | relative_url }}"> {{ post.title | escape }} </a>
       </h3>

assets/css/bpd.css

@@ -61,6 +61,7 @@ input::-moz-focus-inner {
 
 article.post-list a {
   color: #007b95;
+  font-size: 19px;
 }
 
 article li {
@@ -568,7 +569,6 @@ ul.speaking-list {
   font-size: 1.5em;
   color: #333;
 }
-
 .info p {
   margin: 0;
   font-size: 1em;
@@ -613,6 +613,19 @@ button.next:focus {
 .next {
   right: 10px;
 }
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 20px;
+  margin-top: 20px;
+}
+
+.grid-item {
+  padding: 15px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #f9f9f9;
+}
 
 .grid-container {
   display: grid;

index.html

@@ -2,7 +2,7 @@
 layout: index
 lang: en
 title: Home
-list_title: Recent blog
+list_title: Recent news
 ---
 
 <h2>Our Mission</h2>