From 1cc7c96237116077b9ce420211488d4051af6784 Mon Sep 17 00:00:00 2001
From: Roman Gilg <romangg@manjaro.org>
Date: Sun, 7 Jul 2024 20:38:47 +0200
Subject: [PATCH] fix: limit image size

---
 pages/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 8287511..28d76e4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -40,7 +40,7 @@
     </div>
 
     <div class="px-4 sm:px-10 mt-14 md:mt-20">
-      <div class="max-w-7xl w-full mx-auto grid md:grid-cols-2 gap-10 place-items-center">
+      <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-10 lg:gap-14 xl:gap-20 place-items-center">
         <div class="md:order-last">
           <NuxtImg
             src="branch.webp"
@@ -64,14 +64,14 @@
       </div>
     </div>
 
-    <div class="px-4 sm:px-10 mt-14 md:mt-28">
-      <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-10 place-items-center">
+    <div class="px-4 sm:px-10 pt-14 md:pt-24 xl:pt-28">
+      <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-10 lg:gap-14 xl:gap-20 place-items-center">
         <div>
           <NuxtImg
             src="company.webp"
             alt="Skyscrapers"
-            height="500px"
-            class="object-contain"
+            width="800px"
+            class="max-h-[350px] object-cover"
           />
         </div>
         <div>