Same height and width of grid col cardscss BOOTSTRAP 4

HTML-CSS
1

This is what happend on my cards when title is too long(but I don’t want to hide him like body) ir no text on body or title, I need it to be on the exact height and width even if different sizes of images and text. BOOTSTRAP 4

95ccdb327b684d516418ba526c79c5f9
95ccdb327b684d516418ba526c79c5f9790×609 224 KB

<div class="album py-5">
        <div class="container">
          <div class="row">
                @foreach($posts as $post)
                <div class="col-md-4">
                  <div class="card mb-4 box-shadow">
                    <img class="card-img-top" style="width:100%; height: 200px; background-size: cover;" src="/storage/cover_images/{{$post->cover_image}}" alt="Card image cap">
                    <div class="card-body">
                      <h5 class="card-title">{{ $post->category->name }}</h5>
                      <p class="card-text">{{ Str::limit($post->body, 100) }}</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <div class="btn-group">
                          <a href="{{ route('posts.show', $post->id) }}" class="btn btn-sm btn-outline-secondary">Peržiūrėti</a>
                        </div>
                        <small class="text-muted">{{ $post->created_at->format('Y-m-d H:i') }}</small>
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
          </div>
        </div>
      </div>
2

Hi skitlesas,
welcome to the freeCodeCamp forum!

you could try the .text-truncate class on the headline, if that is what you mean:

image

https://jsfiddle.net/7uxcow9n/2/

https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow