Selesaikan HTML

Pelajaran 7 dari 17 dalam kursus Akordeon Gambar | Proyek Front-end di Coddy.

Sekarang, kamu bisa melihat bahwa kita memiliki satu input dan satu label. Keduanya bersama-sama mewakili satu bagian accordion.

Tantangan

Mudah

1. Salin bagian input dan label. Lalu tempelkan tiga kali di bawah label:

<input type="radio" name="slide" id="c1" checked>
<label for="c1" class="card" id="one">
    <div class="row">
        <div class="icon">1</div>
        <div class="description">
            <h4>Morning</h4>
            <p>When sun rises</p>
        </div>
    </div>
</label>

2. Karena input pertama kita memiliki ID yang ditetapkan ke c1, pastikan kamu mengubah ID input berikutnya menjadi c2, c3, dan c4.

3. Lakukan hal yang sama untuk label, ubah ID label berikutnya menjadi two, three, dan four.

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>