From 31ef122d229bed7b5bb56b9da3eaf422c6c109b9 Mon Sep 17 00:00:00 2001
From: danil <danil@localhost.localdomain>
Date: Thu, 2 May 2024 18:32:06 +0300
Subject: [PATCH] fix: add auto width to marketplace icons

---
 .gitignore                                      | 2 +-
 src/sections/HeroSection/HeroSection.module.css | 4 ++++
 src/sections/HeroSection/HeroSection.tsx        | 6 +++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index fd3dbb5..e0dc08e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,7 @@
 /.pnp
 .pnp.js
 .yarn/install-state.gz
-
+.idea
 # testing
 /coverage
 
diff --git a/src/sections/HeroSection/HeroSection.module.css b/src/sections/HeroSection/HeroSection.module.css
index 91682f5..8ba3ec3 100644
--- a/src/sections/HeroSection/HeroSection.module.css
+++ b/src/sections/HeroSection/HeroSection.module.css
@@ -56,6 +56,10 @@
     z-index: 2;
 }
 
+.marketPlace {
+    width: auto;
+}
+
 @media screen and (min-width: 641px) {
     .infoHeading {
         font-size: 3.5rem;
diff --git a/src/sections/HeroSection/HeroSection.tsx b/src/sections/HeroSection/HeroSection.tsx
index 0e56300..a4ee0a2 100644
--- a/src/sections/HeroSection/HeroSection.tsx
+++ b/src/sections/HeroSection/HeroSection.tsx
@@ -30,9 +30,9 @@ export function HeroSection() {
                 </div>
             </Container>
             <div className={styles.marketPlaces}>
-                <Image src={ozonLogo} alt={'Логотип озона'}/>
-                <Image src={wildBerriesLogo} alt={'Логотип вайлдберис'}/>
-                <Image src={yandexMarketLogo} alt={'Логотип яндекс маркета'}/>
+                <Image className={styles.marketPlace} src={ozonLogo} alt={'Логотип озона'}/>
+                <Image className={styles.marketPlace} src={wildBerriesLogo} alt={'Логотип вайлдберис'}/>
+                <Image className={styles.marketPlace} src={yandexMarketLogo} alt={'Логотип яндекс маркета'}/>
             </div>
         </section>
     );