Skip to main content

Flexbox - Card

Création d'une card

L'exercice consiste à recréer une carte de profil avec une photo de profil, un nom, un titre de travail, une description et des icônes de réseaux sociaux.
Ainsi on va pouvoir utiliser:

  • Les différentes valeurs de display (flex, inline-block, block).
  • Les propriétés de positionnement (position: absolute, position: relative).
  • Les alignements et les espacements.

Objectif​

Crée une carte de profil en utilisant les concepts suivants :

  • display: flex pour organiser des éléments horizontalement ou verticalement.
  • position: absolute et position: relative pour placer certains éléments précisément.
  • Utilise les marges et les justify-content pour centrer et espacer les éléments.

resultat

Solution​

Dispo ici