Build a Job Application Form - Build a Job Application Form

HTML-CSS
1

Tell us what’s happening:

Really not sure where I’m going wrong for 15 and 16?

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">
    <link href="styles.css" rev="stylesheet"/>
    <title>Job Application Form</title>
</head>
<body>
    <div class="container">
        <h1>Job Application</h1>
        <form>
            
            <input type="text" id="name"/>
            <input type="email" id="email"/>
            <select id="position">
                <option value="position-one">position one</option>
                <option value="position-two">position two</option>
                <option value="position-three">position three</option>

            </select>
            <fieldset name="availability" class="radio-group">
                <legend>Availability</legend>
                <label for="full-time">
                <input type="radio" name="availability" id="full-time"/>Full-Time</label>
                <label for="part-time">
                <input type="radio" name="availability" id="part-time"/>Part-Time</label>
                </fieldset>
            <textarea id="message">
                
                </textarea>
            <button type="submit">Submit</button>
                       
            </form>
        </div>

</body>
</html>

/* file: styles.css */
input:focus , textarea:focus {
  border-color: red;

}

input:invalid, select:invalid, textarea:invalid {
  border-color: red;
}

input:valid, select:valid, textarea:valid {
  border-color: green;
}

button:hover {
  background-color: rgb(79, 206, 79)
}

.radio-group input[type="radio"]:checked {
  border-color: red;
  background-color: orange;
  box-shadow: 0 0 purple;
}

.radio-group input[type="radio"]:checked + label {
  color: red;
}

input:first-child {
  background-color: yellow;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Job Application Form - Build a Job Application Form

2

Hi,
For 15, try not to wrap the <input> inside the <label> and try to place the <label> after your <input>.
For 16, try to use input:nth-child(1){}.