 .blog-loop { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 1.5rem !important; justify-content: center !important; }  @media (max-width: 768px) { .blog-loop { grid-template-columns: 1fr !important; gap: 1rem !important; } .blog-loop .blog-card { width: 100% !important; max-width: 100% !important; } }