12 cards HTML creadas con Grid

Las cards son elementos muy habituales en ls páginas web que nos permiten presentar una información muy concreta habitualmetne con soporte de una imagen

Normalmente constan de un tiítulo, una imagen y un texto, el orden puede variar pero estos son los elementos habituales. Y suelen estar orientados en vertical, más útil en el diseño responsive, pero igualmente puenden orientarse en horizontal

El contenido puede ser totalmente estático o puede dotarse animaciones para lograr efectos más llamativos, bien sea con CSS o con Javascript.

En la sección de como se hace tienes ejemplos donde se explica como se pueden crear diferentes tipos de cards, incluso con animación.

Esta pequeña colección tiene la particularidad de estar creada usando solo el layout Grid de CSS. En los códigos verás que se aplican estilos a body, eso es solo para centrar la card en la venanta del navegador