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

    .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;
    }