.blog-container{
width:90%;
margin:auto;
padding:40px 0;
}

.blog-container h1{
text-align:center;
margin-bottom:30px;
}

.blog-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px;
}

.blog-card{
background:white;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
padding:15px;
}

.blog-card img{
width:100%;
border-radius:8px;
}

.blog-card h3{
margin:10px 0;
}

.blog-card a{
display:inline-block;
margin-top:10px;
color:white;
background:#007bff;
padding:8px 15px;
border-radius:5px;
text-decoration:none;
}

.blog-single{
width:70%;
margin:auto;
padding:40px 0;
}

.blog-single img{
width:100%;
margin:20px 0;
border-radius:10px;
}

.date{
color:gray;
margin-bottom:10px;
}