Build a Job Application Form - Build a Job Application Form

HTML-CSS
1

Tell us what’s happening:

My CSS code editor is not working . Can someone figure it out ?

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 rel="stylesheet" href="styles.css"/>
</head>

<body>
   <div class="container">
      <form>
         <label for="name">Name:</label>
         <input type="text" id="name" placeholder="Tom Cruise">

         <label for="email">Email:</label>
         <input type="email" id="email" placeholder="email.ex@gmail.com">

         <label for="position">Job Position:</label>
         <select id="position" name="position">
            <option value="developer">Web Developer</option>
            <option value="designer">UI/UX Designer</option>
            <option value="manager">Project Manager</option>
            <option value="seo">SEO Specialist</option>
         </select>

         <fieldset class="radio-group">
            <legend>Availability:</legend>
            <label>
              <input type="radio" name="availability" value="full-time"> Full-time
            </label>
            <label>
              <input type="radio" name="availability" value="part-time"> Part-time
            </label>
            <label>
              <input type="radio" name="availability" value="remote"> Remote
            </label>
         </fieldset>

         <textarea id="message" placeholder="Why are you suitable for this role?"></textarea>

         <button type="submit">Submit</button>
      </form>
   </div>
</body>
</html>


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36

Challenge Information:

Build a Job Application Form - Build a Job Application Form

1 Like
2

what do you mean that’s not working? can you add more details?

3

Hi, thanks for responding.
The issue is that the CSS editor is not opening at all.
When I click on the “CSS” tab, nothing happens — it does not switch from HTML to CSS, so I cannot type any CSS code.
I tried refreshing, restarting the challenge, and reopening the browser, but the CSS panel still won’t open.

Is there any fix for this?

4

Hi and welcome to the forum!

Maybe there is an issue with the link to the lab project. Is this the project you’re working on? If yes, can you check if the css is working?

5

I think it’s this bug: Middle div in action row conflicts with button · Issue #63766 · freeCodeCamp/freeCodeCamp · GitHub

it’s being worken on and will be fixed hopefully soon