.container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px;
}

.blog-post {
width: 300px;
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
}

.blog-post img {
width: 300px;
height: 260px;
}

.blog-post h2 {
font-size: 1.5em;
}

.blog-post p {
font-size: 1em;
color: #333;
}

.blog-post a {
display: block;
text-align: center;
color: #fff;
background-color: #119400;
text-decoration: none;
padding: 10px;
margin-top: 10px;
}

.blog-post a:hover {
background-color: #177e17;
}