.blog-post-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.blog-index__post-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;padding:0!important;transition:transform .3s ease}.blog-index__post-wrapper:hover{transform:translateY(-5px)}.blog-index__post-image{background-position:50%;background-size:cover;display:block;padding-bottom:56.25%;width:100%}.blog-index__post-content{padding:15px}.blog-index__post-content h3{font-size:1em;margin-bottom:10px}.blog-index__post-preheader{color:#007bff;display:block;font-size:.9em;margin-bottom:10px}.blog-index__post-meta{color:#666;font-size:.8em;margin-top:15px}.blog-index__post-author,.blog-index__post-date{display:inline-block;margin-right:10px}@media (max-width:1200px){.blog-post-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-post-grid{grid-template-columns:1fr}}