From 2c93dca8e30c2ded00f46d6b470f608cba12d620 Mon Sep 17 00:00:00 2001
From: berezinant <berezinant@gmail.com>
Date: Wed, 15 Jan 2025 12:42:41 +0100
Subject: [PATCH] feat: protect hero banner from overflow

---
 blocks/main/hero/hero.module.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/blocks/main/hero/hero.module.css b/blocks/main/hero/hero.module.css
index 5d6d9f889cf..c0764c0f164 100644
--- a/blocks/main/hero/hero.module.css
+++ b/blocks/main/hero/hero.module.css
@@ -113,6 +113,7 @@
         display: none;
         position: relative;
         justify-content: space-between;
+        gap: 50px;
         margin-top: 40px;
         width: 545px;
         padding: 16px 16px 16px 24px;
@@ -123,17 +124,17 @@
 
         .bannerContent {
             text-align: left;
+            min-width: 0;
         }
 
-        .bannerTitle {
+        .bannerTitle, .bannerCaption {
             margin: 0;
+            max-width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
             letter-spacing: 0.01em;
-        }
-
-        .bannerCaption {
-            margin: 0;
             color: white;
-            letter-spacing: 0.01em;
         }
 
         .bannerButton {