#blog {
display: grid;
}

@media (min-width: 840px) {
#blog {
grid-template-columns: 50% 50%;
}

#blog_img {
vertical-align: top;
width: 100%;
margin-bottom: 10px;
}

#blog_img_detail {
width: 100%;
margin-bottom: 10px;
}

#blogeintrag {
margin-right: 7px;
margin-bottom: 15px;
margin-left: 7px;
}
}

@media (min-width: 560px) and (max-width: 839px) {
#blog {
grid-template-columns: 50% 50%;
}

#blog_img {
vertical-align: top;
width: 100%;
max-width: 420px;
min-width: 270px;
margin-top: 2px;
margin-bottom: 10px;
}

#blog_img_detail {
width: 100%;
max-width: 839px;
min-width: 170px;
margin-top: 2px;
margin-bottom: 10px;
}

#blogeintrag {
margin-right: 7px;
margin-bottom: 15px;
margin-left: 7px;
}
}

@media (max-width: 559px) {
#blog {
width: 100%;
}

#blog_img {
width: 100%;
max-width: 559px;
margin-bottom: 10px;
}

#blog_img_detail {
width: 100%;
margin-bottom: 10px;
}
}