Exercice de formation sur l'utilisation du display flex en css.
En se basant sur des ressources données, il faut réaliser une page web depuis un modèle:
- Chaque card a une largeur de 300px, un arrondi (border-radius) de 10px
- L'entête (card-header) de chaque cartd a une hauteur de 200px
- La zone de texte (card-text) a une marge interne de 30 px (le titre a une taille de 25px et une marge inférieure de 10px. Le texte de l'article a une taille de 14px.)
- La police utilisée pour le texte des cartes est la Google Font "Poppins"
- Le container principal qui contient les cartes prends 100% de hauteur et largeur et a la couleur de fond suivante : rgba (68, 117, 136, 0.548);
- Les 3 cartes sont centrées horizontalement et verticalement
- Vous avez à votre disposition le fichier HTML brut et les images