lecode-dev
diff --git a/‎public/language.svg‎
Lines changed: 3 additions & 2 deletions b/‎public/language.svg‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎public/lecode-logo.svg‎
Lines changed: 5 additions & 5 deletions b/‎public/lecode-logo.svg‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎src/components/NavbarMobile/header-mobile.tsx‎
Lines changed: 2 additions & 3 deletions b/‎src/components/NavbarMobile/header-mobile.tsx‎
Lines changed: 2 additions & 3 deletions
diff --git a/‎src/components/NavbarMobile/styles.tsx‎
Lines changed: 9 additions & 2 deletions b/‎src/components/NavbarMobile/styles.tsx‎
Lines changed: 9 additions & 2 deletions
@@ -1,12 +1,11 @@
 'use client';
-import Image from 'next/image';
 import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 import { ContactButton } from '@/components/ContactButton';
 import lecodeLogo from '../../../public/lecode-logo.svg';
 import { InternalLinks } from '../InternalLinks';
 import { Language } from '../Language';
-import { NavbarContainer, NavbarContentContainer,ContactTraslate } from './styles';
+import { NavbarContainer, NavbarContentContainer,ContactTraslate, LecodeLogo } from './styles'; 
 
 
 export const HeaderMobile = () => {
@@ -15,7 +14,7 @@ export const HeaderMobile = () => {
     <NavbarContainer>
       <NavbarContentContainer>
         <InternalLinks />
-        <Image
+        <LecodeLogo
           alt='LeCode logo: green triangle with white Le and black code'
           src={lecodeLogo}
         />
 
@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import styled from 'styled-components';
 
 
@@ -24,7 +25,7 @@ export const NavbarContainer = styled.header`
   z-index: 1000;
   padding: 0.625rem;
    
-  @media  ( min-width: 768px){
+  @media (min-width: 768px){
   padding-right: 0.625rem;
   }
 `;
@@ -33,10 +34,16 @@ export const NavbarContentContainer = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: 100%; 
+  width: 98%; 
 
   @media (min-width: 1440px) {
     width: 90rem; 
   }
 `;
 
+export const LecodeLogo = styled(Image) `
+  @media (max-width: 501px) {
+    width: 50px;
+}
+`;
+