.external{

margin: 50px;
width: min(900px, calc(100% - 100px));
display: flex;
flex-wrap: wrap;
justify-content: space-around;

}

.external .sidebar{

padding: 15px 50px;
flex-basis: 140px;

}

.external .content{

flex-basis: 250px;
flex-grow: 1;

}

.external .list{

display: inline-flex;
flex-wrap: wrap;

}

.external .item:nth-child(odd){

background-color: #f5f5f5;

}

.external .item{

width: 100%;
display: inline-flex;
flex-wrap: wrap;
padding: 25px;

}

.external .item .image{

align-self: center;
flex-basis: 200px;
flex-grow: 1;

}

.external .item img{

width: 100%;

}

.external .item div{

margin: 15px;
flex-basis: 200px;
flex-grow: 99;

}

.external .item p:last-child{

margin-bottom: 0;

}

.external .item div.no-img{

width: 100%;

}