update

src/components/Blogs/design2/BlogDesign2.js

@@ -13,7 +13,7 @@ const BlogDesign2 = ({
   blogComments,
 }) => {
   return (
-    <section className="w-3/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
+    <section className="w-4/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
       {/* title holder */}
       <div className="flex items-center justify-between mb-6">
         <h2 className="text-productTitle bg-green-100 p-2 rounded text-base">

src/components/Blogs/design3/BlogDesign3.js

@@ -7,7 +7,7 @@ import commentIcon from "../../../assets/icons/black-comment-icon.svg";
 
 const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => {
   return (
-    <section className="w-3/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
+    <section className="w-4/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
       {/* title holder */}
       <div className="flex items-center justify-between mb-6">
         <h2 className="text-productTitle bg-lime-200 p-2 rounded text-base">

src/components/Blogs/design6/BlogDesign6.js

@@ -8,7 +8,7 @@ import FeaturedImage from "../../../assets/images/article-featured-image.svg";
 
 const BlogDesign6 = ({ blogExcerpt, blogAuthor, blogComments }) => {
   return (
-    <section className="w-3/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
+    <section className="w-5/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
       {/* title holder */}
       <div className="flex items-center justify-between mb-6">
         <h2 className="text-productTitle bg-lime-200 p-2 rounded text-base">