Build a Job Application Form - Build a Job Application Form

Curriculum Help
1

Tell us what’s happening:

I’m passing everything except step 12. It seems right to me. I’ve tried refreshing. I’ve started completely over more than once. I looked up how to do what is being asked of me, but absolutely nothing is working. I’m not saying there is no error on my part, but I just can’t find it if there is.

And, if I do have it right, what am I supposed to do. I’ve already tried the refreshing thing. I’ve started over multiple times. I’ve actually went ahead in the course, but this is haunting me.

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 href="styles.css" rel="stylesheet">
</head>
<body>
    <header>
        <h1>Rolling Oaks Apartments<br>Job Application</h1>
    </header>

    <div class="container">
        <form>
            
            <fieldset>
                
                <legend>Tell us who you are</legend>

                <label for="name">Full Name:</label>
                
                <input type="text" id="name" placeholder="John Q Public" required>

                <label for="email">Email Address:</label>

                <input type="email" id="email" placeholder="fake@fake.com" required>

                <label for="position">Desired Position:</label>

                <select id="position">
                    
                    <option>Select One</option>

                    <option>Groundskeeper</option>

                    <option>Maintenance Technition</option>

                    <option>Housekeeping</option>

                </select>
            
            </fieldset>

            <fieldset class="radio-group">

                <legend>Availability</legend>

                <input type="radio" name="availability" 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> 

            </fieldset>

            <fieldset>

                <legend>Additional Message</legend>

            <label for="message">Type Message Here</label>
            
            <textarea id="message" cols="37" rows="4">

                </textarea>

                <button type="submit">Submit Form</button>

            </fieldset>
        </form>
    </div>
</body>
</html>


/* file: styles.css */
h1 {
  color: lightgreen;
}

.container {
  max-width: 600px;
}

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

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

button {
  color: brown;
  font-weight: 600;
}

button:hover {
  background-color: lightgreen;
}

body {
  background-color: green
}

fieldset {
  color: lightgreen;
}

.radio-group input[type="radio"]:checked {
  appearance: none;
  border: solid brown;
  background-color: whitesmoke;
  box-shadow: 5px 5px lightgreen;
}

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

input:first-of-type {
  border-radius: 4px
}

input:focus, textarea:focus {
  border: solid brown;
  outline: none;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Build a Job Application Form - Build a Job Application Form

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-job-application-form/66faac4139dbbd5dd632c860.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @Faygo

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

Happy coding