Para Ulises de Beethoven

flexbox-demo.html

<style>
.mainWrapper {
    width: 70% ;
    background-color: dodgerblue ;
    margin: 50px auto 0 ;
    display: flex ;
}

.avatar {
    width: 25% ;
    padding-top: 25% ;
    background-color: fuchsia ;
    position: relative ;
    }

.avatar img {
    width: 100% ;
    display: block ;
    position: absolute ;
    top: 0 ;
}

.avatar {
    width: 25% ;
    padding-top: 25% ;
    background-color: fuchsia ;
    }

.textsWrapper {
    width: 75% ;
    background-color: black ;
    color: white ; 
    display: flex ;
    flex-wrap: wrap ;
    }

.textsWrapper div {
    width: 33.33% ;
    background-color: red ;
    }
.textsWrapper div:last-child {
    width: 100% ;
    }



</style>




<div class="mainWrapper">
    <div class="avatar">
        <img src="http://ec.aciprensa.com/newwiki/images/thumb/9/93/BeethovenPic.jpg/300px-BeethovenPic.jpg" alt="Beethoven">
    </div>
    <div class="textsWrapper">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
    </div> 
</div>