juliope wrote:
Hi, I’m new here but maybe putting this in the CSS field will help you
<span class=”enlighter-text”>.c-card__image</span><span class=”enlighter-g1″>{</span>
<span class=”enlighter-text”>height: </span><span class=”enlighter-n1″>100</span><span class=”enlighter-text”>%;</span>
<span class=”enlighter-text”>max-height: 400px;</span>
<span class=”enlighter-text”>object-fit: cover;</span>
<span class=”enlighter-text”>aspect-ratio: </span><span class=”enlighter-n1″>16</span><span class=”enlighter-text”>/</span><span class=”enlighter-n1″>9</span><span class=”enlighter-text”>;</span>
<span class=”enlighter-g1″>}</span>
.c-card__image{ height: 100%; max-height: 400px; object-fit: cover; aspect-ratio: 16/9; }
.c-card__image{ height: 100%; max-height: 400px; object-fit: cover; aspect-ratio: 16/9; } Points to the c-card__image class
It seems to me that you can adjust it based on the width and height of your images.
(max-height) tells you what maximum size you want it to extend and (height) tells you it will extend to the maximum height you set.
You can also play with (aspect-ratio) there are several, you can search for examples on Google.
@juliope Thank you for your response.
Your guide helped me to find the solution for my case.