diff --git a/landing/components/Code.vue b/landing/components/Code.vue
index 0c78891..036e570 100644
--- a/landing/components/Code.vue
+++ b/landing/components/Code.vue
@@ -27,7 +27,7 @@ onMounted(() => {
         </div>
 
         <div
-            class="bg-menu font-semibold px-8 text-[1.4rem] h-24 flex items-center inconsolata mt-12 outline outline-[2px] outline-[#83838388] rounded-lg">
+            class="bg-menu font-semibold px-8 text-[1.2rem] md:text-[1.4rem] h-24 flex items-center inconsolata mt-12 outline outline-[2px] outline-[#83838388] rounded-lg">
             {{ currentText }}
         </div>
 
diff --git a/landing/layouts/header.vue b/landing/layouts/header.vue
index 7a586e5..238b3df 100644
--- a/landing/layouts/header.vue
+++ b/landing/layouts/header.vue
@@ -18,7 +18,8 @@ nuxtApp.hook("page:finish", () => {
 
     <div class="layout h-full flex flex-col pt-1 px-1">
 
-        <div class="text-white items-center py-4 gap-2 flex-col lg:flex-row lg:mx-20 lg:pl-10 hidden lg:flex">
+        <div
+            class="text-white items-center py-4 gap-2 flex-col lg:flex-row lg:mx-20 lg:pl-10 hidden lg:flex z-[20] relative">
 
 
             <NuxtLink to="/" tag="div" class="flex gap-4 items-center">
@@ -47,7 +48,7 @@ nuxtApp.hook("page:finish", () => {
             </div>
         </div>
 
-        <div class="flex lg:hidden p-4">
+        <div class="flex lg:hidden p-4 z-[20] relative">
             <NuxtLink to="/" class="flex gap-4 items-center">
                 <div class="bg-black h-[2.8rem] aspect-[1/1] flex items-center justify-center rounded-lg">
                     <img class="h-[1.8rem]" :src="'/logo.png'">
@@ -81,11 +82,6 @@ nuxtApp.hook("page:finish", () => {
                         </NuxtLink>
                     </div>
 
-                    <!-- <div class="flex justify-between items-center mr-2">
-                        <NuxtLink to="/" class="hover:text-text-sub/90 py-3"> Live demo </NuxtLink>
-                        <div> <i class="fas fa-chevron-right"></i> </div>
-                    </div>
-                    <div class="divider border-b border-gray-500/40"></div> -->
 
                     <div class="flex justify-between items-center mr-2">
                         <NuxtLink target="_blank" to="https://docs.litlyx.com" class="hover:text-text-sub/90 py-3">
@@ -144,11 +140,9 @@ nuxtApp.hook("page:finish", () => {
                     </div>
 
                     <div class="flex">
-                        <div class="text-[.9rem] text-text-sub/80">
-                            © 2024 Litlyx All right reserved.
-                            <span class="ml-1 font-bold">
-                                Made with ❤ in Italy
-                            </span>
+                        <div class="text-[.9rem] flex flex-col text-center text-text-sub/80">
+                            <div> © 2024 Litlyx All right reserved. </div>
+                            <div class="ml-1 font-bold"> Made with ❤ in Italy </div>
                         </div>
                     </div>
 
diff --git a/landing/pages/index.vue b/landing/pages/index.vue
index c5fb1a0..8d527e3 100644
--- a/landing/pages/index.vue
+++ b/landing/pages/index.vue
@@ -36,7 +36,7 @@ const mouseStyle = computed(() => {
 
     <div class="home relative h-full w-full bg-[#151517] overflow-x-hidden">
 
-        <div class="w-full h-full fixed left-0 top-0">
+        <div class="w-full h-full fixed left-0 top-0 hidden md:flex">
             <div :style="mouseStyle" class="absolute w-[30rem] h-[18rem] flex items-center justify-center z-0">
                 <div class="blob opacity-5"></div>
             </div>
diff --git a/landing/public/screen_1.png b/landing/public/screen_1.png
index 0c75051..ca41b71 100644
Binary files a/landing/public/screen_1.png and b/landing/public/screen_1.png differ