fix: ui updates on /explora

sosumit001 · Oct 3, 2024 · 55ac6c3 · 55ac6c3
1 parent ab39ced
commit 55ac6c3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/explora/page.tsx b/app/explora/page.tsx
@@ -28,11 +28,11 @@ const Page = () => {
               </header>
 
               <section>
-                <ul className="flex justify-start px-0 flex-wrap">
+                <ul className="flex justify-center px-0 flex-wrap">
                   {explorations.map((exploration) => (
                     <li
                       key={exploration.exploration}
-                      className="p-4 flex text-grey flex-col border border-titledCream hover:shadowMd gap-2 hover:bg-white hover:scale-105 hover:text-tealBright transition duration-200 rounded-[4px] w-[350px] max-w-[100%]"
+                      className="p-4 flex text-grey flex-col border border-titledCream hover:shadowMd gap-2 hover:bg-white hover:scale-105 hover:text-tealBright transition duration-200 rounded-[4px] w-full max-w-[100%]"
                     >
                       <Link href={`/explora/${exploration.exploration}`}>
                         <div>