From d96bb948db469e6172c49bc5d6aa4df555b277da Mon Sep 17 00:00:00 2001
From: nevfy <yaver4.0.0.0@gmail.com>
Date: Tue, 23 Jan 2024 02:20:15 +0400
Subject: [PATCH] fix text overflow

---
 assets/scss/_styles_project.scss        | 3 ++-
 layouts/shortcodes/landing-feature.html | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 49bb4e7..5fe64b8 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -91,6 +91,7 @@
   box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
   border-radius: 10px;
   border: none;
+  max-width: 30vw;
 }
 
 .sp-services-row {
@@ -120,7 +121,7 @@
 .sp-feature {
   position: sticky;
   top: 20vh;
-  height: 60vh;
+  min-height: 70vh;
   align-items: center;
 }
 
diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html
index 619a289..5f4b47e 100644
--- a/layouts/shortcodes/landing-feature.html
+++ b/layouts/shortcodes/landing-feature.html
@@ -3,8 +3,8 @@
 {{ $bg := .Get 2 }}
 {{ $side := .Get 3 }}
 {{ if eq $side "right" }}
-<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-md-center pt-5 align-items-center sp-feature sp-feature{{ $bg }}">
-        <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
+<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-md-center  align-items-center sp-feature sp-feature{{ $bg }}">
+        <div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
             {{ if $title }}
                 <h2 class="sp-feature-title">{{ $title }}</h2>
             {{ end }}
@@ -16,7 +16,7 @@
         </div>
         {{ end }}
     {{ else }}
-<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-md-center pt-5 align-items-center sp-feature sp-feature{{ $bg }}">
+<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
         {{ if $illustration }}
         <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
             <img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">