Learn HTML and Css Survey Form

Please in the code editor of freeCodeCamp where do I type my css to link to my html I have passed all my test but the styling is not there

It’s hard to help when we can’t see your code. Please post your code.

Did you add a <link rel="stylesheet" href="styles.css"> link?

Yes I have that on the head element already

OK this is my code it is passing all the test but where to type the css is the problem
<!DOCTYPE html>
<html lang='en'>
<head>
  <title>Survey Form FreeCodeCamp</title>
  <meta charset='uft-8'>
  <link href='styles.css' rel='stylesheet'>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
  <h1 id="title">FreeCodeCamp Survey From</h1>
  <p id="description">Thanks you for taking your time to improve our platfrom</p>
  <form id="survey-form">
      <fieldset>
        <label for="name" id="name-label">Please Enter Your Name:<input id='name' type='text'placeholder="Name" required/></label>
        <label for="email" id="email-label">PLease Enter Your Email Address: <input type="email" id="email" placeholder="Email"required/></label>
        <label for="number" id="number-label"> Enter Phone Number:<input type="number" id="number" placeholder="Number"min="20" max='400'/></label>
      </fieldset>
      <fieldset>
        <select id="dropdown"><option>(Please select any)</option>
        <option value="begin">Beginner level</option>
        <option value="inter">Intermediate level</option>
        <option value="advance">Advance level</option>
        <option value="prof">Professional level</option></select>
        <p>Select one of the Cars</p>
        <label>Mercedes<input type='radio' name="type-of-car" value="merce"/></label>
        <label>Carina E<input type='radio' name="type-of-car" value="carina"/></label>
        <label>Toyota<input type='radio' name="type-of-car" value="toyota"/></label>
        <label>Rav4<input type='radio' name="type-of-car" value="rav"/></label>
      </fieldset>
      <fieldset>
        <p>What would you like to improve</p>
        <label><input type="checkbox" value="front-end"/> Front-End Development</label>
        <label><input type="checkbox"value="back-end"/> Back end Development</label>
        <label><input type="checkbox" value="prog-p"/> Programing with Python</label>
        <label><input type="checkbox" value="OPS"/>Open source Comunity</label>
      </fieldset>
      <fieldset><label><input type="textrea" placeholder="Comment here"/></label></fieldset>
      <input type='submit' id="submit"/>
  </from>
</body>
</html>

If you need help, then please show us the code.

The css should go in the styles.css file

how do I create that file and have access to it? . In the freecodeCamp editor

Look up at the area which has the index.html file name. Next to it is the styles.css file name
Click it to edit it.


I dont see that option on my editor this is my screen shot

Scroll all the way up.

Okay I :smiley: have seen thanks alot

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.