Sección de 4 tarjetas con algo de flex y Css grid (por fin)

What are you most proud of, and what would you do differently next time?

De las sombras que he colocado en las tarjetas.

Nombraría desde el principio el display:card.

What challenges did you encounter, and how did you overcome them?

La alineación vertical de las tarjetas de los extremos.

No la pude superar, así que apliqué:

       .card--super {
            transform: translateY(-50%);
      }

• Hice lo mismo con .card--calcu;

What specific areas of your project would you like help with?

Claramente en el de alineación vertical de los items.

align-items: center

• No funcionó. Quizás por
  • No dar una altura al contenedor padre
  • Un error al poner grid-template-areas: "supervi team calcu"

  •                                                                 `"supervi karma calcu";`
    

Cualquier sugerencia o comentario es bienvenido... Un saludo.