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