Skip to content

Exercice de formation pour pratiquer le display: flex; en HTML/CSS

Notifications You must be signed in to change notification settings

Jojoaventurier/flexCard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Exercice de formation pour pratiquer le display: flex; en HTML/CSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published