.blog-articles{display:grid;grid-template-columns:1fr;gap:1rem}.article-card__info{padding:1.3rem}@media screen and (min-width: 500px){.blog-articles{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}}@media screen and (min-width: 1000px){.blog-articles{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}}.article-card__image--square{padding-bottom:100%}