From 08b41d58b3bf29eba76df0d332c5dfabc0682f45 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 12 Apr 2022 14:03:56 +0430
Subject: [PATCH] update App.js, src/components/CardTrelloDesign/index.js and
 src/components/ReligiousTimes/index.js

---
 src/components/CardTrelloDesign/index.js | 4 +++-
 src/components/ReligiousTimes/index.js   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/CardTrelloDesign/index.js b/src/components/CardTrelloDesign/index.js
index c207247..50a9edc 100644
--- a/src/components/CardTrelloDesign/index.js
+++ b/src/components/CardTrelloDesign/index.js
@@ -13,7 +13,9 @@ const CardTrelloDesign = ({ circle,commnets,buttons,tags,showBtn,showTag,emptyCa
   return (
     <div className="w-3/12 mx-auto bg-white mt-10 rounded-md shadow p-3">
       {/* top */}
-      <div className="flex flex-row justify-between items-center" style={{direction: circle === false ? "ltr" : "rtl"}}>
+      <div className={`flex justify-between items-center ${circle === false ? "flex-row-reverse" : "flex-row"}`}
+        // style={{direction: circle === false ? "ltr" : "rtl"}}
+       >
         {/* right */}
         {circle && (
           <CircleInCircle
diff --git a/src/components/ReligiousTimes/index.js b/src/components/ReligiousTimes/index.js
index 4f21482..bf4547b 100644
--- a/src/components/ReligiousTimes/index.js
+++ b/src/components/ReligiousTimes/index.js
@@ -12,7 +12,7 @@ const times = {
 
 const ReligiousTimes = () => {
   return (
-    <div className="bg-white shadow rounded-md w-96">ReligiousTimes</div>
+    <div className="bg-white shadow rounded-md max-w-[420px] w-1/3">ReligiousTimes</div>
     )
 }