Menu
Coddy logo textTech

Klasa profile-card

Lekcja 11 z 26 w kursie Klon karty profilu Coddy | Projekt front-endowy w Coddy.

challenge icon

Wyzwanie

Łatwy

Wybierz klasę ‘profile-card’:

  1. Ustaw display na flex.
  2. Ustaw align-items na center.
  3. Ustaw flex-direction na column.
  4. Ustaw padding na 15 pikseli. 
  5. Ustaw border-radius na 24 piksele.
  6. Ustaw background na biały.
  7. Dodaj box-shadow według własnego uznania.

    Możesz też użyć tego:

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

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Klon karty profilu Coddy | Projekt front-endowy

Poćwicz samodzielnie: Edytor online Web