@ -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">
@ -7,7 +7,7 @@ import commentIcon from "../../../assets/icons/black-comment-icon.svg";
const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => {
<h2 className="text-productTitle bg-lime-200 p-2 rounded text-base">
@ -8,7 +8,7 @@ import FeaturedImage from "../../../assets/images/article-featured-image.svg";
const BlogDesign6 = ({ blogExcerpt, blogAuthor, blogComments }) => {
<section className="w-5/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">