.blog-div{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.blog-post{margin:2% 10px;border-radius:10px;width:375px;overflow:hidden;cursor:pointer}.blog-post a{text-decoration:none;color:var(--text-color)}.blog-post img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease-in-out}.blog-post img:hover{transform:scale(1.1)}.blog-info .blog-heading{font-weight:600;font-size:1.3rem;margin:2% 0;line-height:25px}.blog-info{margin-left:2%}.blog-info .preview{margin-bottom:2%;font-size:1.03rem;color:var(--grey-color)}.blog-info .meta{display:flex;margin-bottom:2%;font-size:1.1rem}.blog-info .meta svg{margin-right:5px;font-size:1.2rem}.blog-info .meta .date{margin-left:3%}.read-more{color:var(--text-color);padding:10px 20px;background-color:#4caf50;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.read-more:hover{background-color:#45a049}@media only screen and (max-width:800px){.blog-post{width:330px}.blog-post img{height:210px}}@media only screen and (max-width:700px){.blog-post{width:80%;margin-bottom:4%}.blog-div{margin-bottom:22%}}@media only screen and (max-width:550px){.blog-info .blog-heading{font-size:1.1rem}.read-more{padding:3px 7px}}