From 0d21b06c6f6847758f58bb0eeff86db3c1ca6feb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Owsiak?= <owsiakl@outlook.com>
Date: Fri, 9 Feb 2024 19:29:52 +0200
Subject: [PATCH] Changed mobile layout in a landing page (#978)

---
 web/landing/templates/base.html.twig       | 4 ++--
 web/landing/templates/main/index.html.twig | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/landing/templates/base.html.twig b/web/landing/templates/base.html.twig
index 85c3a2a9d..33737270b 100644
--- 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
index 4cd4484ab..1e21fea04 100644
--- 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">