From 0e4d45813d69f972724af8db8cf58a289364641b Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Tue, 1 Oct 2024 13:25:31 +0330
Subject: [PATCH] blog homePage finished

---
 .../blog/components/home/random/random.tsx     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/(routes)/blog/components/home/random/random.tsx b/src/app/(routes)/blog/components/home/random/random.tsx
index 9c266b7..d28be83 100644
--- a/src/app/(routes)/blog/components/home/random/random.tsx
+++ b/src/app/(routes)/blog/components/home/random/random.tsx
@@ -8,40 +8,40 @@ export default function Random() {
           Random
         </h2>
       </div>
-      <div className="flex w-full justify-between gap-5">
-        <div className="flex w-[45%] flex-col gap-5">
+      <div className="flex w-full flex-wrap justify-center gap-10">
+        <div className="flex w-full max-w-[80%] sm:max-w-[45%] flex-col gap-5">
           <Image
             src={"/images/blog/posts/2.jpg"}
             width={580}
             height={50}
             alt="post title 2"
-            className="rounded-lg"
+            className="w-full rounded-lg"
           />
           <div className="z-10 flex w-full items-center justify-start gap-2">
             <p className="text-[16px] font-[400] text-blog-text-passive">BY</p>
             <h2 className="text-[16px] font-[400] text-blog-text-default">
               TOMAS LAURINAVICIUS
-            </h2>
+            </h2> 
             <p className="text-[16px] font-[400] text-blog-text-passive">IN</p>
             <h2 className="text-[16px] font-[400] text-blog-text-default">
               RESOURCE
             </h2>
           </div>
           <h1 className="text-[28px] font-[600] text-blog-text-default">
-            Website Downtime: Applicable Tips on How to Prevent It
+            How to Fix Error 404 Not Found on Your WordPress Site
           </h1>
           <p className="text-[16px] font-[400] text-blog-text-passive">
             User research is the reality check every project needs. Here’s our
             guide to why you should be doing it — and how to get started.
           </p>
         </div>
-        <div className="flex w-[45%] flex-col gap-5">
+        <div className="flex w-full max-w-[80%] sm:max-w-[45%] flex-col gap-5">
           <Image
             src={"/images/blog/posts/3.jpg"}
             width={580}
             height={50}
             alt="post title 3"
-            className="rounded-lg"
+            className="w-full rounded-lg"
           />
           <div className="z-10 flex w-full items-center justify-start gap-2">
             <p className="text-[16px] font-[400] text-blog-text-passive">BY</p>
@@ -50,11 +50,11 @@ export default function Random() {
             </h2>
             <p className="text-[16px] font-[400] text-blog-text-passive">IN</p>
             <h2 className="text-[16px] font-[400] text-blog-text-default">
-              RESOURCE
+              ANNOUNCEMENTS
             </h2>
           </div>
           <h1 className="text-[28px] font-[600] text-blog-text-default">
-            Website Downtime: Applicable Tips on How to Prevent It
+            How to Fix Error 404 Not Found on Your WordPress Site
           </h1>
           <p className="text-[16px] font-[400] text-blog-text-passive">
             User research is the reality check every project needs. Here’s our