body{
margin:0px;
}

.articles{
margin-top: 60px;
margin-left: 80px;
margin-bottom: 60px; 
}

.articles .article{
display:flex;
flex-wrap: wrap;
Margin-top: 30px;
margin-bottom : 30px;
}

.articles .article .left img{
height:300px;
width:500px;
}

.articles .article .right{
max-width:50%;
margin-left:40px;
}

.articles .article .right p.date{
color:#7f7e7e;
Margin-top:10px;
}

.articles .article .right p.description{
color:#2d2d2d;
}

.articles .article .right p.auteur{
color:#7f7e7e;
}

@media screen and (max-width:640px){
body{
margin:0px;
}

.articles{
margin:10px;
}

.articles .article .left img{
height:100%;
width:100%;
}

.articles .article .right{
margin:0;
max-width:100%;
}
}