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.
Scroll all the way up.
Okay I have seen thanks alot
1 Like
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.