fix: align text on medium screens

Author: mhenriette

public/locales/en/common.json

@@ -211,7 +211,7 @@
   "testimonials.text": "Dacade is really encouraging, I didn't realize the little that I know would matter. Thank you for making us learn more and to make research too.",
   "footer.text": "Dacade is an open-sourced platform and is created in collaboration with multiple contributors. Go to the <a href=\"https://github.com/dacadeorg/dacade-frontend-app\"> repository  </a>  to start contributing.",
   "footer.privacy-policy": "Impressum & Privacy Policy",
-  "footer.open.source" : "Dacade is an open-sourced platform",
+  "footer.open.source" : "Dacade is an open-sourced platform.",
   "footer.open.source.contribute":"Become one of our contributors",
   "feedback.bounty": "Feedback bounty",
   "feedback.issued": "Issued",

src/components/sections/homepage/OpenSource.tsx

@@ -13,12 +13,15 @@ import { useTranslation } from "next-i18next";
 export default function OpenSource() {
       const { t } = useTranslation();
   return (
-    <div className=" text-3xl lg:text-5xl pt-24 flex flex-col text-wrap space-y-2">
-      <span>{t("footer.open.source")}</span>
-      <Link href="https://github.com/dacadeorg/dacade-frontend-app" target="_blank" className="text-primary items-center space-x-2">
-        <span>{t("footer.open.source.contribute")}</span>
-        <ArrowRightIcon className="w-6.5 h-5.5 inline-flex" />
-      </Link>
+    <div className="text-4xl lg:text-5xl pt-24 flex flex-col text-wrap space-y-2">
+      <p >
+        {t("footer.open.source")}
+        <br className="block md:hidden lg:block"/>
+        <Link href="https://github.com/dacadeorg/dacade-frontend-app" target="_blank" className="text-primary items-center space-x-2">
+          <span> {t("footer.open.source.contribute")}</span>
+          <ArrowRightIcon className="w-6.5 h-5.5 inline-flex" />
+        </Link>
+      </p>
     </div>
   );
 }