Build a Job Application Form - Build a Job Application Form

HTML-CSS
1

Tell us what’s happening:

tests 11, 13 and 19 aren’t passing and I haven’t seen anyone else with my issue on the forums.

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 rel="stylesheet" href="styles.css">
    <title>Job Application Form</title>
</head>
<body>
<div class="container"><form><input type="text" id="name"><label for="name">Full Name</label><input type="email" id="email"><label for="email">Email</label><select id="position"><option>Position 1</option><option>Position 2</option><option>Position 3</option><label for="position">Position You are Applying for:</label></select>
<fieldset class="radio-group">
 <legend>Availability</legend>
 <input type="radio" id="full-time" name="availability" value="full-time" required>
<label for="full-time">Full-Time</label>
<input type="radio" id="part-time" name="availability" value="part-time">
<label for="part-time">Part-Time</label>
<input type="radio" id="contract" name="availability" value="contract">
<label for="contract">Contract</label>
</fieldset><label for="message">Resume:</label><textarea id="message"></textarea><button type="submit">Submit</button>
</body>
</html>

/* file: styles.css */
input:focus, texarea:focus{
  outline: none;
  border-color: orange;
}
input:invalid, select:invalid, textarea:invalid{
  outline: none;
  border-color: red;
}
input:valid, select:valid, textarea:valid{
  border-color: limegreen;
}
button:hover {
  background-color: skyblue;
}
.radio-group input[type="radio"]:checked{
  border-color: skyblue;
  background-color: blue;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.radio-group input[type="radio"]:checked + label{
  color:blue;
}
input:nth-child(1) {
  color: darkgray;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0

Challenge Information:

Build a Job Application Form - Build a Job Application Form

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

maybe they need to be separate selectors

4

I’ve seen others on the forum who have both selectors in one working for them

5

I’m not sure why my selectors aren’t working. The :invalid test passes so I’m not sure what is different there.

6

UPDATE: I changed the spacing and made the :valid selector green and not limegreen and they worked so now I’m just struggling on the :firstoftype test

7

you do not have a firstoftype selector, did you try adding one?