Menu
Coddy logo textTech

profile-card sınıfı

Coddy'nin Coddy Profil Kartı Klonu | Front-end projesi kursunda ders 11 / 26.

challenge icon

Görev

Kolay

‘profile-card’ sınıfını hedefleyin:

  1. Görünümü (display) flex olarak ayarlayın.
  2. align-items özelliğini center olarak ayarlayın.
  3. flex-direction özelliğini column olarak ayarlayın.
  4. Dolguyu (padding) 15 piksel olarak ayarlayın. 
  5. Kenar yuvarlaklığını (border-radius) 24 piksel olarak ayarlayın.
  6. Arka planı (background) beyaz olarak ayarlayın.
  7. İstediğiniz bir kutu gölgesi (box-shadow) ekleyin.

    Veya bunu kullanabilirsiniz:

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

Kendin dene

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

Coddy Profil Kartı Klonu | Front-end projesi bölümündeki tüm dersler