From 2bcd1e0db06df9f64a79a6b2f5e92b7b8a24c30b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Tue, 11 Jan 2022 17:26:19 +0300
Subject: [PATCH] Fix responsive

---
 .../components/landing/landing.component.html | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/components/landing/landing.component.html b/src/app/components/landing/landing.component.html
index 7fc0b6b..1f711f2 100644
--- a/src/app/components/landing/landing.component.html
+++ b/src/app/components/landing/landing.component.html
@@ -52,7 +52,7 @@
                 <span class="text-gray-600 text-2xl">Placerat in egestas erat...</span>
             </div>
 
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(253, 228, 165, 0.2),rgba(187, 199, 205, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2),rgba(187, 199, 205, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-yellow-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -64,7 +64,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(145,226,237,0.2),rgba(251, 199, 145, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2), rgba(172, 180, 223, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-cyan-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -76,7 +76,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(145, 226, 237, 0.2), rgba(172, 180, 223, 0.2)), linear-gradient(180deg, rgba(172, 180, 223, 0.2), rgba(246, 158, 188, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-indigo-200" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -88,7 +88,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(187, 199, 205, 0.2),rgba(251, 199, 145, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2),rgba(145, 210, 204, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-bluegray-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -100,7 +100,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(187, 199, 205, 0.2),rgba(246, 158, 188, 0.2)), linear-gradient(180deg, rgba(145, 226, 237, 0.2),rgba(160, 210, 250, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-orange-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -112,7 +112,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pb-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pb-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(251, 199, 145, 0.2), rgba(246, 158, 188, 0.2)), linear-gradient(180deg, rgba(172, 180, 223, 0.2), rgba(212, 162, 221, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-pink-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -124,7 +124,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(145, 210, 204, 0.2), rgba(160, 210, 250, 0.2)), linear-gradient(180deg, rgba(187, 199, 205, 0.2), rgba(145, 210, 204, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-teal-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -136,7 +136,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 md:pr-5 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg:pr-5 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(145, 210, 204, 0.2), rgba(212, 162, 221, 0.2)), linear-gradient(180deg, rgba(251, 199, 145, 0.2), rgba(160, 210, 250, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-blue-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -148,7 +148,7 @@
                 </div>
             </div>
     
-            <div class="col-12 md:col-6 lg:col-4 p-0 mt-4 md:mt-0">
+            <div class="col-12 md:col-12 lg:col-4 p-0 lg-4 mt-4 lg:mt-0">
                 <div style="padding:2px; border-radius:10px; background: linear-gradient(90deg, rgba(160, 210, 250, 0.2), rgba(212, 162, 221, 0.2)), linear-gradient(180deg, rgba(246, 158, 188, 0.2), rgba(212, 162, 221, 0.2));">
                     <div class="p-3 surface-card" style="border-radius:8px;">
                         <div class="flex align-items-center justify-content-center bg-purple-200 mb-3" style="width:3.5rem;height:3.5rem; border-radius:10px;">
@@ -171,7 +171,7 @@
             </div>
         </div>
     </div>
-
+        
     <div class="py-4 px-4 lg:px-8 mx-0 my-6 lg:mx-8">
         <div class="text-center">
             <h2 class="text-gray-900 font-normal mb-2">Powerful Everywhere</h2>