profile-card sınıfı
Coddy'nin Coddy Profil Kartı Klonu | Front-end projesi kursunda ders 11 / 26.
Görev
Kolay‘profile-card’ sınıfını hedefleyin:
- Görünümü (display) flex olarak ayarlayın.
- align-items özelliğini center olarak ayarlayın.
- flex-direction özelliğini column olarak ayarlayın.
- Dolguyu (padding) 15 piksel olarak ayarlayın.
- Kenar yuvarlaklığını (border-radius) 24 piksel olarak ayarlayın.
- Arka planı (background) beyaz olarak ayarlayın.
İ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>