fix footer element position

BreadchainCoop · Aug 6, 2024 · ab4702d · ab4702d
1 parent 97c4101
commit ab4702d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apps/website/src/components/Footer.tsx b/apps/website/src/components/Footer.tsx
@@ -45,7 +45,7 @@ function FooterSectionList({ children }: { children: ReactNode }) {
 
 function FooterGrid({ children }: { children: ReactNode }) {
   return (
-    <div className="footer-sm:flex-wrap footer-sm:justify-around footer-md:flex-row-reverse footer-lg:items-center flex flex-col gap-12 px-4">
+    <div className="flex flex-col-reverse gap-12 footer-sm:flex-wrap footer-sm:justify-around footer-md:flex-row-reverse footer-lg:flex-row footer-lg:items-center  px-4">
       {children}
     </div>
   );

diff --git a/packages/site-ui/components/Footer/Footer.tsx b/packages/site-ui/components/Footer/Footer.tsx
@@ -23,7 +23,7 @@ function SocialsSection({ children }: { children: ReactNode }) {
 
 function FooterLogoSection({ children }: { children: ReactNode }) {
   return (
-    <div className="footer-sm:pt-0 footer-lg:order-first order-last flex flex-col items-center gap-2 pt-6">
+    <div className="footer-sm:pt-0 footer-lg:order-first  flex flex-col items-center gap-2 pt-6">
       {children}
     </div>
   );
@@ -47,7 +47,7 @@ function FooterSectionList({ children }: { children: ReactNode }) {
 
 function FooterGrid({ children }: { children: ReactNode }) {
   return (
-    <div className="footer-sm:flex-wrap footer-sm:justify-around footer-md:flex-row-reverse footer-lg:items-center flex flex-col gap-12 px-4">
+    <div className="footer-sm:flex-wrap footer-sm:justify-around footer-md:flex-row footer-lg:items-center flex flex-col gap-12 px-4">
       {children}
     </div>
   );
@@ -97,7 +97,7 @@ export function Footer() {
               <div className="flex gap-4">
                 <NewLogo />
                 <h3 className="dark:text-breadgray-ultra-white text-2xl font-bold">
-                  Breadchain
+                  Breadchaintttttttttttt
                 </h3>
               </div>
             </a>