Build a Job Application Form - Build a Job Application Form

HTML-CSS
21

Try to simplify your CSS selector.

The instructions say

Use the :checked pseudo-class on radio buttons

It just says radio buttons. It could refer to all radio buttons, right? Not just radio buttons with a certain class?

22

this may be an issue

use an html validator Ready to check - Nu Html Checker

23

which html element has this class?

24 
<!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>
            <label for="name">name</label>
            <input type="text" id="name"/><br/>
            <label for="email">email</label>
            <input type="email" id="email"/><br/>
            <label for="position">position</label>
            <select id="position">
                <option id="intern">intern</option>
                <option id="seniorAdminClerk">senior admin clerk</option>
                <option id="CES">CES</option>
                <option id="director">director</option>
                <option id="chiefDirector">chief director</option>
            </select>
            <fieldset class="radio-group">
                <legend id="availability">availability</legend>
                    
                    <input type="radio" id="full-time" name="availability"/><label for="full-time">full-time</label><br/>
                    
                    <input type="radio" id="part-time" name="availability"/><label for="part-time" >part-time</label><br/>
            
            </fieldset>
            <label for="message">message</label>
            <textarea id="message">
            
            </textarea>
            <button type="submit">submit
            </button>
            
        </form>
    </div>

</body>
</html>

Thanks, I have sorted that out but it doesn’t change anything in terms of getting the label to work.

yeah, it seems i made an error there as there is no corresponding class to radio option

25

yeah, getting rid of .radio option class on the css does the job

1 Like