Agregar estilos Masonry para CSS Grid

[rolivencia]

Descripción

Actualmente se utiliza un hack para poder mostrar las tarjetas de la landing page en formato masonry. Dado que existe soporte en CSS para mostrar layouts usando CSS Grid de manera nativa, deben migrarse los estilos para utilizar estos selectores.

Ejemplos

main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  grid-template-rows: masonry;
}

main {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr;
  grid-template-rows: masonry;
}

main {
  display: grid;
  grid-template-columns: 10rem 1fr minmax(100px, 300px);
  grid-template-rows: masonry;
}