From 640822037ca4520d30074925b56211949535652c Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <rise33@yandex.ru>
Date: Tue, 17 Aug 2021 19:21:02 +0000
Subject: [PATCH] last fpr today

---
 src/App.svelte  | 9 +++++++++
 src/Card.svelte | 6 +++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 6cea620..988de64 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -215,6 +215,15 @@
     .lable-gray {
       @apply block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4;
     }
+    .heading-gray {
+      @apply text-center text-lg text-gray-500 font-bold pb-6;
+    }
+    .block-psn-center {
+      @apply grid place-items-center mx-2 sm:my-auto;
+    }
+    .card-normal {
+      @apply w-11/12 p-12 sm:w-8/12 md:w-6/12 lg:w-5/12 2xl:w-4/12 px-6 py-10 my-5 sm:px-10 sm:py-6 bg-white rounded-lg shadow-md lg:shadow-lg;
+    }
   }
 
   #menu__toggle {
diff --git a/src/Card.svelte b/src/Card.svelte
index 42a3ea4..14651c2 100644
--- a/src/Card.svelte
+++ b/src/Card.svelte
@@ -3,9 +3,9 @@
 </script>
 
 <div class="container">
-  <div class="grid place-items-center mx-2 sm:my-auto">
-    <div class="w-11/12 p-12 sm:w-8/12 md:w-6/12 lg:w-5/12 2xl:w-4/12 px-6 py-10 my-5 sm:px-10 sm:py-6 bg-white rounded-lg shadow-md lg:shadow-lg">
-      <h1 class="text-center text-lg text-gray-500 font-bold pb-6">{title}</h1>
+  <div class="block-psn-center">
+    <div class="card-normal">
+      <h1 class="heading-gray">{title}</h1>
       <slot />
     </div>
   </div>