Learn About Pearls

.blog-articles.grid-layout { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 990px) { .blog-articles.grid-layout { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .blog-articles.grid-layout { grid-template-columns: 1fr; } }