Build a Job Application Form - Build a Job Application Form

HTML-CSS
1

I’m also stuck on this step -

When I have my html & css as this -

<input name="availability" type="radio" id="full-time">
<label for="full-time">Full-time<label>
<input type="radio" name="availability" id="part-time">
<label for="part-time">Part time</label>

input[type="radio"]:checked + label {
  color: brown;
}

and when I select the first radio option the 2nd label color also changes. Is it because if I select one radio button, the 2nd radio button is also considered checked because one of the radio buttons from the group is selected? If not, then what’s the problem here?

When I have my html & css as this, it works -

<label><input name="availability" type="radio" id="full-time"> Full time</label>
<label><input name="availability" type="radio" id="part-time"> Part Time</label>

label:has(input:checked) {
  color: brown;
}
2

you did not fix the syntax issue I tried to point out before. Look at the first label closing tag

3

Oh! Just noticed that. Thanks. By the way, I’m not the OP, but what are the odds that we both made the same mistake.

4

please create your own topic for your own questions

I will move this question for yours in a new topic for this once

5

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.