fixed padding issues with heading.vue and landing.vue

Author: imprakharshukla

components/global/heading.vue

@@ -1,6 +1,6 @@
 <template>
   <XyzTransition :appear-visible="true" duration="auto">
-    <div class="py-5 pb-16 md:pb-24 lg:max-w-screen-md mx-auto"
+    <div class="py-5 pb-16 px-6 md:pb-24 lg:max-w-screen-md mx-auto"
     >
       <div class="flex-col space-y-4" xyz="fade flip-down duration-10 delay-2 stagger ease-out-back">
         <h2 class="deco-heading xyz-nested">{{ deco_heading }}</h2>

components/landing.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative h-screen mt-8 lg:mt-0 bg-background w-full lg:px-24">
+  <div class="relative h-screen mt-8 lg:mt-0 bg-background w-full lg:px-24 px-4">
     <div class="grid grid-cols-1 ms:grid-cols-2 lg:grid-cols-3 justify-between lg:-mt-8">
       <div
         class="mt-6 self-stretch text-center lg:text-left lg:self-center lg:grid-cols-1 justify-self-center lg:justify-self-start order-2 lg:order-1"