From 810f7a436dfe2cbd45e690f081655209a4544f07 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Mon, 18 Oct 2021 20:42:01 +0800
Subject: [PATCH] some fix

---
 src/App.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 36bbaa8..135ab88 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -153,7 +153,7 @@
   </ul>
 
   <ul class="menu__main">
-    <div class="bg-cover bg-gray-50 pt-8">
+    <div class="bg-cover bg-gray-50 pt-8 px-4">
       <Route path="/">
         <div class="cards-grid">
           {#each pages as pagesName, i}
@@ -238,13 +238,13 @@
       @apply pr-4 block text-gray-500 font-bold md:text-right;
     }
     .cards-grid {
-      @apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 justify-items-center;
+      @apply grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 justify-items-center;
     }
     .cards-grid-inline {
       @apply grid grid-cols-1 justify-items-center;
     }
     .card {
-      @apply w-11/12 my-2 p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg;
+      @apply w-full p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg;
     }
     .card-title-gray {
       @apply text-center text-lg text-gray-500 font-bold pb-6;