update App.js, src/components/CardTrelloDesign/index.js and src/components/ReligiousTimes/index.js

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

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>
     )
 }