Tell us what’s happening:
Same issue as a few other posts:
The last 3 steps won’t update as completed even if the code is correct
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>
<div class="feature-card-container">
<label for="banks"><input type="checkbox" id="banks" name="banks">Own All Banks!</label>
<label for="alien"><input type="checkbox" id="alien" name="alien">Adopt a baby Alien!!</label>
<label for="superhero"><input type="checkbox" id="superhero" name="superhero">Become A Super Hero!!!</label>
<label for="solo-level"><input type="checkbox" id="solo-level" name="level">Overlay Solo Leveling to your Reality</label>
</div>
</body>
</html>
/* file: styles.css */
body {
height: 100vh;
text-align: center;
}
h1 {
text-align: center;
}
.feature-card-container {
max-width: 250px;
padding: 20px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
margin: auto;
text-align: left;
}
label {
display: block;
}
input[type="checkbox"] {
appearance: none;
cursor: pointer;
border: 2px solid magenta;
width: 20px;
height: 20px;
vertical-align: middle;
transition: all 0.3s;
}
input[type="checkbox"]:checked {
background-color: red;
border-color: #e2a60d;
}
input[type="checkbox"]:checked::after {
content: "✓";
display: block;
text-align: center;
background-color: silver;
border: 3px dotted;
border-color: black;
}
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/142.0.7444.148 Mobile/15E148 Safari/604.1
Challenge Information:
Design a Feature Selection Page - Design a Feature Selection Page
