Build a Job Application Form - Build a Job Application Form

HTML-CSS
1

Tell us what’s happening:

The code works well but doesn’t seem to pass the test number 17

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Job Application Form</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <form>
            <input type="text"id="name"placeholder="name">
            <input type="email"id="email"placeholder="someone@email.com">
            <select id="position">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
            </select>
            <fieldset class="radio-group">
               
                <input type="radio" name="availability">
                 <label>Full Time</label>
                <input type="radio" name="availability">
                <label>Part time</label>
                <input type="radio" name="availability">
                <label>Internship</label>
            </fieldset>
            <textarea id="message"></textarea>
            <button type="submit">Submit</button>
        </form>
    </div>
</body>
</html>

/* file: styles.css */
input:focus,textarea:focus{
  border:1px solid green;
}
input:invalid , select:invalid , textarea:invalid{
  border:1px solid red;
}
input:valid , select:valid , textarea:valid{
  border:1px solid green;
}
button:hover{
  background-color:blue;
}
.radio-group input[type="radio"]:checked{
  border:1px solid blue;
  background-color:blue;
  box-shadow: 5px 5px 5px green;
}
.radio-group input[type="radio"]:checked +label {
 color: green;
}
input:first-of-type{
  color:red;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36 Edg/136.0.0.0

Challenge Information:

Build a Job Application Form - Build a Job Application Form

2

Hi @Someone12 !

Welcome to the forum!

Your issue is in your HTML here

remember that you need to associate your labels with their inputs.
In the preview, I should be able to click on the label itself and the associated radio button should be selected. but that is not happening.

so you will need to review association here to fix the problem

once you do that, then the test will pass

3

Thanks very much it worked