h1,h2,h3,span{text-align: center;}
.blogs{flex-wrap: wrap; gap: 5vh;padding: 5% 20%;}
.blog-card{flex-direction: column;border:2px solid var(--primary-color);color: var(--primary-color);border-radius: 30px;overflow: hidden;

}

.blog-card img{width: 100%;}
span{width:100%;background-color: var(--primary-color);color: white;border: none;padding: 2% 0;}
@media only screen and (min-width: 600px) {

}
@media only screen and (min-width: 992px) {

}
@media only screen and (min-width: 1700px) {
    .blogs{padding: 0;}
    .blog-card{width: 33%;min-height: 50vh;}
}