Round top up to sm and start from sm up

This commit is contained in:
HackerNCoder 2022-11-25 19:10:42 +00:00
parent 7b0e371e44
commit 37b06bcdaa
2 changed files with 14 additions and 1 deletions

View file

@ -8138,6 +8138,19 @@ textarea.form-control-lg {
border-top-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important;
} }
@media (max-width: 575.98px) {
.rounded-top-sm {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
}
@media (min-width: 575.98px) {
.rounded-start-md {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
}
.visible { .visible {
visibility: visible !important; visibility: visible !important;
} }

View file

@ -14,7 +14,7 @@
<div class="card mt-3"> <div class="card mt-3">
<div class="row g-0" > <div class="row g-0" >
<div class="col-md-4" > <div class="col-md-4" >
<img src="{{image|url}}" class="img-fluid rounded-start" > <img src="{{image|url}}" class="img-fluid rounded-start-md rounded-top-sm" >
</div> </div>
<div class="col-md-8" > <div class="col-md-8" >
<div class="card-body h-100 position-relative" > <div class="card-body h-100 position-relative" >