how can I make a border and shadow span both feature image and blog text

[Linda MacDonald]

Hey there folks this is resolved, but I am leaving it here in case someone else wants to try:
this works:
.flex-item {
display:flex;
align-items: center;
}
.flex-item img{
flex-grow:0;
flex-shrink:0;
}
I am designing my blog layout. I have a side-by-side layout: feature image to the left and, tag, title etc to the right. I want all this content to be in one box that has a joint border and shadow but I cannot seem to manage:
I have tried to copy and paste each individual element into a section but that doesn't work and then I tried deleting all appdrag style configurations and add flexbox inline-block but couldn't get that to take effect either. any suggestions?

[Wassim]

Hi, thanks a lot, can you add a screenshot so we see more easily what you end up with with this style ?

[Linda MacDonald]

@Wassim of course please find screenshot attached it's a work in progress though
https://www.awesomescreenshot.com/image/5984702?key=e6ecba2819a4ac8848b0092d239c0c9c