Menu
CoddyTech

class profile-card

Pelajaran 11 dari 26 dalam kursus Tiruan Kartu Profil Coddy | Proyek front-end di Coddy.

challenge icon

Tantangan

Mudah

Target class ‘profile-card’:

  1. Atur display menjadi flex.
  2. Atur align-items menjadi center.
  3. Atur flex-direction menjadi column.
  4. Atur padding menjadi 15 piksel. 
  5. Atur border-radius menjadi 24 piksel.
  6. Atur background menjadi putih.
  7. Tambahkan box-shadow sesuai pilihanmu.

    Atau kamu bisa menggunakan ini:

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

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Tiruan Kartu Profil Coddy | Proyek front-end

Latihan sendiri: Playground Web