From 646e213f064d4dcb3a49274c70f15fcf2215cd1b Mon Sep 17 00:00:00 2001
From: Steven Giesel <stgiesel35@gmail.com>
Date: Mon, 24 Jun 2024 20:56:12 +0200
Subject: [PATCH] UX: Force columns on responsive design

---
 .../ShowBlogPost/Components/SimilarBlogPostSection.razor        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
index 08d3a651..c0dff812 100644
--- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
+++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
@@ -16,7 +16,7 @@
 				<div class="row p-4">
 					@foreach (var relatedBlogPost in similarBlogPosts)
 					{
-						<div class="col pt-2">
+						<div class="col-12 col-md-4 pt-2">
 							<div class="card h-100">
 								<div class="card-body">
 									<h5 class="card-title fw-bold">@relatedBlogPost.Title</h5>