I am coding out a test layout but I am stuck. I have a thumbnail and then content wrapped in their own divs but the div for thumbnails is massive. I have tried shrink and grow in flexbox but I am lost:
So how exactly do you want the other content, besides the image, to be arranged?
Edit: Basically, right now your .post-body container has two child elements: .the-thumnail and .post-content. Because .post-body is a flex container, it is dividing the container for those children. So the thumbnail isn’t big, it’s just being allocated the same height as the tallest sibling element, `.post-content’. There are various ways to fix this, but it depends on how you want the content to be displayed.