fix text overflow

This commit is contained in:
nevfy 2024-01-23 02:20:15 +04:00
parent 03d9e52059
commit d96bb948db
2 changed files with 5 additions and 4 deletions

View file

@ -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;
}

View file

@ -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 }}">