update App.js and src/components/TitleSubtitle/index.js

src/App.js

@@ -144,8 +144,8 @@ function App() {
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
-        <CardDesign1 />
+        {/* <CardDesign1 /> */}
-        <CardDesign2 />
+        {/* <CardDesign2 /> */}
         <CardDesign3 />
         {/* <LeafletMap /> */}
 

src/components/TitleSubtitle/index.js

@@ -12,7 +12,7 @@ const TitleSubtitle = ({
       {title && (
         <div className="flex flex-row items-center">
           <div className={`rounded-sm ${titleBorderClassName}`}></div>
-          <h2 className={`${titleClassName}`}>{title}</h2>
+          <h2 className={`${titleClassName} text-sm`}>{title}</h2>
         </div>
       )}
       {/* page subTitle */}