Replies: 0
Hi, I can’t figure how to get the height of a block to fit the height of the content. I’m using a block group with block columns and have an image in the left column. I want the height of the image to be the same as the height of the block. But no matter what I try, I keep ending up with an extra 10px in the block height. Here’s the current setup:
(1080 x 280) <div class=”wp-block-group__inner-container”>
(1080 x 280) <div class=”wp-block-columns are-vertically-aligned-center”>
(1080 x 280) <div class=”wp-block-column is-vertically-aligned-center” style=”flex-basis:25.8%”>
(270 x 278) <figure class=”wp-block-image size-large”>
(270 x 270) 
</figure>
</div>
(776 x 114) <div class=”wp-block-column is-vertically-aligned-center” style=”flex-basis:74.2%”>
(776 x 32) <p>Episode 39 | 18 mins | Sep 20, 2019</p>
(776 x 133) <figure class=”wp-block-audio aligncenter”>
(737 x 40) <audio controls=”” src=”https://mysite.com/wp-content/uploads/2020/07/Ep.49-My-Podcast-Redux-93019-2.43-PM.mp3″ controlslist=”nodownload”></audio></figure>
</div>
</div>
</div>
Appreciate any suggestion! thanks in advance.