fix img ratio changing on mobile

mtzsouza · Sep 20, 2023 · 4866ada · 4866ada
1 parent 6d23b80
commit 4866ada
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -25,7 +25,7 @@
 </script>
 
 <div class="h-screen flex flex-col items-center 
-            bg-gradient-to-br from-gray-900 via-gray-950 to-gray-950">
+            bg-gradient-to-br from-gray-900 via-gray-950 to-gray-950 overflow-hidden">
   <nav class="h-10 w-[85%] bg-blue-950 bg-opacity-30 z-20 my-4 px-8 sm:px-16 rounded-lg sm:h-12 sm:w-[92%]
           flex flex-col antialiased text-gray-100 transition-all duration-500" class:h-20={menuOpen}>
           <div class="w-full flex flex-row justify-between items-center antialiased">

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -6,7 +6,7 @@
 <div class="sm:hidden max-h-[95%] max-w-[90%] grid grid-rows-3
             text-gray-100 antialiased font-bacasime">
     <div class="flex justify-center">
-        <img src="https://i.imgur.com/XW1tkoQ.png" alt="img" class="animate-bounce">
+        <img src="https://i.imgur.com/XW1tkoQ.png" alt="img" class="object-cover overflow-visible animate-bounce">
     </div>
     <div class="flex flex-col gap-12 text-center text-3xl">
         <div>
@@ -40,7 +40,7 @@
             <span>undergraduate Computer Science student.</span>
         </div>
         <div class="text-3xl">
-            <span>Seeking Summer 2024 Software Engineering Internship opportunities</span>
+            <span>Seeking Summer 2024 Software Engineering Internship</span>
         </div>
         <div class="flex gap-5 justify-center text-3xl">
             <a href="https://github.com/mtzsouza" target="_blank" rel="noreferrer noopener">