Pole wejściowe

Lekcja 16 z 17 w kursie Akordeon z obrazami | projekt front-endowy w Coddy.

Wyzwanie

Łatwy

Docelowy znacznik input:

Ustaw wyświetlanie na none.

Ważne: Dodaj ten kod na końcu, aby tekst przejścia pojawiał się po kliknięciu dowolnego elementu input, a etykieta po kliknięciu przyjmowała odpowiednią szerokość:

input:checked + label {
    width: 600px;
}

input:checked + label .description {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

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>