Design a Feature Selection Page - Design a Feature Selection Page

HTML-CSS
1

Tell us what’s happening:

Les dernières commandes ne marchent pas… J’ai tout essayé !! Je crois que c’est un bug comment le résoudre ? Merci d’avance

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Selection Feature Page</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <h1>Feature Selection</h1>
    <hr>
    <div class="feature-card-container">
        <label for="sous-titre" class="feature-card"><input class="sous-titre" id="sous-titre" type="checkbox"/> Sous-titre</label>
        <label for="plan" class="feature-card"><input  class="plan" id="plan" type="checkbox"/>Plan séquence</label>

        <label for="musique" class="feature-card"><input class="musique" id="musique" type="checkbox"/> Musique</label>

        </div>
</body>

</html>

/* file: styles.css */
body{
  background-color: #141f5c;
  text-align: center;
  font-family: cursive;
  color: rgba(194, 186, 186, 0.603);
}

.feature-card {
  border: 2px solid rgba(194, 186, 186, 0.603);  
  background-color: #7389EF;
  border-radius: 12px;
  margin: 30px auto;
  display: block;
  color: #141F5C;
  padding: 32px;
  font-size: 2.2rem;
}

h1{ font-size: 3.2rem; }

input[type='checkbox'] {
  appearance: none;
  border: 2px solid #454e7e;
  background-color: #141F5C;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  transition: all 0.3s;
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
}

input[type='checkbox']:checked {
  background-color: #7389EF;
  border-color: #454e7e;
}

input[type='checkbox']:checked::after {
  content: "✓";
  display: block;
  text-align: center;
  color: white;
}

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 18_6_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/144.0.7559.95 Mobile/15E148 Safari/604.1

Challenge Information:

Design a Feature Selection Page - Design a Feature Selection Page

2

don’t use this 

1 Like
3

Merci ! Ça m’a permis de valider la demande 14 mais il me reste la 15, je vais essayer d’y remédier.