change position

components/spaces/index.tsx

@@ -62,8 +62,8 @@ export const Spaces: React.FC<{ spaces: SpaceProps[] }> = ({ spaces }) => {
 
   return (
     <section id="app" className="flex h-screen overflow-auto">
-      <div className="w-full container px-6 py-10 lg:py-20 mx-auto space-y-10 lg:space-y-14">
-        <div className="lg:absolute lg:top-20 lg:right-5 rounded-lg p-[3px] lg:max-w-sm bg-gradient-to-br from-pink-300 via-green-200 to-yellow-200 shadow-lg z-[9999]">
+      <div className="w-full container px-6 py-10 lg:pb-20 lg:py-12 mx-auto space-y-10 lg:space-y-14">
+        <div className="rounded-lg p-[3px] lg:max-w-max mx-auto bg-gradient-to-br from-pink-300 via-green-200 to-yellow-200 shadow-lg z-[9999]">
           <p className="bg-white dark:bg-slate-900 rounded-md p-5 text-sm text-gray-500 dark:text-slate-500">
             <a
               href="https://huggingface.co/settings/billing/subscription#subscribe"