#blogs .blogs {
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}

.blogs .blog {
	display:flex;
	flex-direction:column;
}

.blogs.three .blog { 
	flex-basis:calc((100% / 3) - (100px / 3)); 
}

.blogs.three .blog .date{
	font-size:12px;
}	

@media (max-width:1280px){
	.blogs {
		gap:25px;
	}
}

@media (max-width:1024px){
	.blogs {
		gap:10px;
	}
}