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;