Changed mobile layout in a landing page (#978)

flow-php · Feb 9, 2024 · 0d21b06 · 0d21b06
1 parent e0a48da
commit 0d21b06
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/web/landing/templates/base.html.twig b/web/landing/templates/base.html.twig
@@ -73,8 +73,8 @@
     </header>
 
     <main>
-        <div class="mx-auto max-w-screen-xl px-2 sm:px-4 relative max-lg:py-10 p-[116px]">
-            <h1 class="font-bold max-sm:text-5xl text-6xl tracking-wide leading-[70px] max-w-[450px] mb-8 z-10">UNIFIED DATA PROCESSING FRAMEWORK</h1>
+        <div class="mx-auto max-w-screen-xl max-lg:text-center px-2 sm:px-4 relative max-lg:py-10 p-[116px]">
+            <h1 class="font-bold max-sm:text-5xl max-lg:mx-auto text-6xl tracking-wide leading-[70px] max-w-[450px] mb-8 z-10">UNIFIED DATA PROCESSING FRAMEWORK</h1>
             {% apply spaceless %}
                 <code class="w-fit py-2 px-3 before:content-['$'] before:mr-2 bg-orange-100 rounded">
                     <span id="command">composer require flow-php/etl</span>

diff --git a/web/landing/templates/main/index.html.twig b/web/landing/templates/main/index.html.twig
@@ -20,8 +20,8 @@
         </nav>
     </div>
 
-    <div class="max-w-screen-xl mx-auto mt-5">
-        <div class="flex flex-wrap -mx-2 mb-20 px-4 items-center">
+    <div class="max-w-screen-xl mx-auto">
+        <div class="flex flex-wrap -mx-2 mb-10 lg:mb-20 px-4 items-center">
             <div class="w-full lg:w-2/3 px-2">
                 <section class="shadow-2xl shadow-gray rounded border-gray border-2 p-4 rounded">
                     <img src="{{ asset('images/icons/tools.svg') }}" width="32" height="32" alt="feature" class="inline mr-2 bg-blue-100 p-1 -mt-4 rounded">
@@ -47,7 +47,7 @@
             </div>
         </div>
 
-        <div class="flex flex-wrap -mx-2 mb-20 px-4 items-center">
+        <div class="flex flex-wrap -mx-2 mb-10 lg:mb-20 px-4 items-center">
             <div class="w-full lg:w-1/3 px-2 text-center hidden lg:block">
                 <div class="p-4 bg-gray-300">
                     <img src="{{ asset('images/icons/api.svg') }}" alt="extract" width="128" height="128" class="inline mb-4">
@@ -85,7 +85,7 @@
             </div>
         </div>
 
-        <div class="flex flex-wrap -mx-2 mb-20 px-4 items-center">
+        <div class="flex flex-wrap -mx-2 mb-10 lg:mb-20 px-4 items-center">
             <div class="w-full lg:w-2/3 px-2">
                 <section class="shadow-2xl shadow-gray rounded border-gray border-2 p-4 rounded">
                     <img src="{{ asset('images/icons/tools.svg') }}" width="32" height="32" alt="feature" class="inline mr-2 bg-blue-100 p-1 -mt-4 rounded">