Menu
Coddy logo textTech

Klasse profile-card

Lektion 11 von 26 im Kurs Coddy Profilkarten-Klon | Front-end-Projekt von Coddy.

challenge icon

Aufgabe

Einfach

Zielklasse ‘profile-card’:

  1. Setze display auf flex.
  2. Setze align-items auf center.
  3. Setze flex-direction auf column.
  4. Setze padding auf 15 Pixel. 
  5. Setze den border-radius auf 24 Pixel.
  6. Setze den background auf weiß.
  7. Füge einen box-shadow deiner Wahl hinzu.

    Oder du kannst diesen verwenden:

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

Probier es selbst

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

Alle Lektionen in Coddy Profilkarten-Klon | Front-end-Projekt