Menu
Coddy logo textTech

Classe profile-card

Leçon 11 sur 26 du cours Clone de carte de profil Coddy | Projet Front-end de Coddy.

challenge icon

Défi

Facile

Ciblez la classe ‘profile-card’ :

  1. Définissez le display sur flex.
  2. Définissez align-items sur center.
  3. Définissez flex-direction sur column.
  4. Définissez le padding à 15 pixels. 
  5. Définissez le border-radius à 24 pixels.
  6. Définissez le background sur white.
  7. Ajoutez le box-shadow de votre choix.

    Ou vous pouvez utiliser celui-ci :

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Clone de carte de profil Coddy | Projet Front-end