style(website): reduce padding page mobile

aymericzip · Jul 8, 2024 · 7d835b1 · 7d835b1
1 parent be7f461
commit 7d835b1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/website/src/components/DemoPage/index.tsx b/apps/website/src/components/DemoPage/index.tsx
@@ -8,7 +8,7 @@ export const DemoPage: FC = () => {
   const { title, landingParagraph, tutoParagraphs } = useIntlayer('demo-page');
 
   return (
-    <div className="m-auto flex w-full flex-col p-20 md:size-full md:p-10">
+    <div className="m-auto flex w-full flex-col p-8 sm:p-12 md:size-full md:p-20">
       <div className="flex h-[70vh] w-full flex-col items-center gap-10">
         <div className="max-w-[500px]">
           <AsideImage />

diff --git a/apps/website/src/components/LandingPage/LandingSection/index.tsx b/apps/website/src/components/LandingPage/LandingSection/index.tsx
@@ -22,7 +22,7 @@ export const LandingSection: FC = () => {
   const { title, description } = useIntlayer('landing-section');
 
   return (
-    <div className="flex w-full flex-col gap-16 p-20 md:flex-row">
+    <div className="flex w-full flex-col gap-16 p-8 sm:p-12 md:flex-row md:p-20">
       <div className="flex w-full flex-col items-center justify-center gap-6 md:h-[75vh] md:w-3/5">
         <AnimatedTitle className="text-4xl font-bold" text={title.value} />
         <AnimatedDescription className=" text-neutral dark:text-neutral-dark">