It says " You should use an 'a' element selector. " it is the last part of the form project

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
   <title>Registration Form</title>
	  <link rel="stylesheet" href="styles.css" />
   <h1>Registration Form</h1>
   <p>Please fill out this form with the required information</p>
   <form action=''>
       <label>Enter Your First Name: <input type="text" name="first-name" required /></label>
       <label>Enter Your Last Name: <input type="text" name="last-name" required /></label>
       <label>Enter Your Email: <input type="email" name="email" required /></label>
       <label>Create a New Password: <input type="password" name="password" pattern="[a-z0-5]{8,}" required /></label>
       <label><input type="radio" name="account-type" class="inline" /> Personal Account</label>
       <label><input type="radio" name="account-type" class="inline" /> Business Account</label>
         <input type="checkbox" name="terms" class="inline" required /> I accept the <a href="">terms and conditions</a>
       <label>Upload a profile picture: <input type="file" name="file" /></label>
       <label>Input your age (years): <input type="number" name="age" min="13" max="120" />
       <label>How did you hear about us?
         <select name="referrer">
           <option value="">(select one)</option>
           <option value="1">freeCodeCamp News</option>
           <option value="2">freeCodeCamp YouTube Channel</option>
           <option value="3">freeCodeCamp Forum</option>
           <option value="4">Other</option>
       <label>Provide a bio:
         <textarea name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
     <input type="submit" value="Submit" />
/* file: styles.css */
body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: #1b1b32;
	color: #f5f6f7;
 font-family: Tahoma;
	font-size: 16px;

h1, p {
 margin: 1em auto;
 text-align: center;

form {
 width: 60vw;
	max-width: 500px;
	min-width: 300px;
	margin: 0 auto;
 padding-bottom: 2em;

fieldset {
 border: none;
	padding: 2rem 0;

fieldset:not(:last-of-type) {
 border-bottom: 3px solid #3b3b4f;

label {
 display: block;
	margin: 0.5rem 0;

select {
 margin: 10px 0 0 0;
	width: 100%;
 min-height: 2em;

input, textarea {
 background-color: #0a0a23;
 border: 1px solid #0a0a23;
 color: #ffffff;

.inline {
 width: unset;
 margin: 0 0.5em 0 0;
 vertical-align: middle;

input[type="submit"] {
 display: block;
 width: 60%;
 margin: 1em auto;
 height: 2em;
 font-size: 1.1rem;
 background-color: #3b3b4f;
 border-color: white;
 min-width: 300px;

input[type="file"] {
 padding: 1px 2px;

i {
text-color: #dfdfe2;

   **Your browser information:**

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

Challenge: Step 57

Link to the challenge:

you should use a element selector but you are using i element selector, you also used property name incorrectly

no i was just writing and erasing and that is left intentionally

and you have to give correct property name

Bro i am asking the property name solution dont u see ?

yeh bro I see it, there is no property named text-color

what should be the element selector first ?
then the “color” property will follow

yes that’s it, you have to use color for texts to appear in that color

i mean when you create a selector and define color property for it then the color of link will change to whatever color code you give it as a value

create the selector for this as u stated create and write the solution code


solutions are not allowed, I am giving you hints again, you have to target element a, so you know how to target any element ? elementname { }, inside the braces you create properties, you have to define a property to change color of the element which you are targeting

you should target a instead of i and use color instead of text-color

this is long way of you saying i dont know shit donnt waste my time folk
maybe try to start learning instead of wasting every ones time in here

If it is saying you have to use an “element selector” its referring to the CSS side. not the HTML side.

the syntax to use an element selector is

elementname { }

this means whatever you are trying to “style” you must put where it says elementname… any specific styling goes inside the brackets.

your code is right you just have to switch the i for a at the end of your CSS

it says “a” element selector but i tried bringing a to the element selector but it dont have any change

Can you post your changes real quick. Its difficult in these situations because we aren’t allowed to post actual answers, I have to kind of guide you into typing in the correct code

Also- REMOVE “text-color:” and just have it as “color:”

a {
color: #dfdfe2;

this is the updated code

1 Like

the above i wrote is the solution thank u for ur time pal

oh okay sorry I thought you were saying the above solution didn’t work. I was confused lol.

And no problem bro glad I could help.