Flexbox layout of entry and sub entries ... with scaling images

Hoping someone can give me clues or links.

cheers Laughing out loud

HTML ...
included as attachment. (Squirrel-1_html.txt)

..

CSS ...

    .media {
        display: flex;
        flex-flow: row;  
    }
 
    .figure {
        flex: 1 1 33%;
        align-self: flex-start;
        order: 0;
        padding: 0 5px 0 0;
        max-height: 300 px;
        width: auto;
    }
 
    .media-body {
        flex: 1 1 66%;
    }
 
    p {
        margin: 0 10px 20px 10px;
    }

Flexbox or Grid Layout for Portfolio?

Hey guys, it's been a very long time since I've touched HTML/CSS but I'm moving back in that direction. I need to build an online portfolio, and was wondering which method is more usable in December 2016. For instance, would a grid layout even hold up across browsers? Should I rely on the old float and absolute positioning techniques from years ago? What say you?

Thanks,
ARNK

Syndicate content