hi! I’ve just started HTML , CSS and working through the survey form.
Can someone shed some light as to how I can add these user stories to my code? Im not sure why we need these labels?
Code link Survey Form Codepen link(https://codepen.io/ktechgau/pen/bGjJrwM)
You should have a label element with an id of name-label.
Failed:You should have a label element with an id of email-label.
Failed:You should have a label element with an id of number-label.
Failed:Your #name-label should contain text that describes the input.
Failed:Your #email-label should contain text that describes the input.
Failed:Your #number-label should contain text that describes the input.
Failed:Your #name-label should be a descendant of #survey-form.
Failed:Your #email-label should be a descendant of #survey-form.
Failed:Your #number-label should be a descendant of #survey-form.
Basically in web developement a client will be making a request you have to meet… the User Stores are these requests. Labels are needed for various reasons in a page, including but not limited to page readers, accessibility options, coding and styling, and just general page originaztion. The label tag links the text to the input.
As far as how, did you go through the coursework? What part of these instructions are you having issues with? Its basically saying your form needs these <label> elements to pass.
Thank you for telling about User Stories! Yes I did go through the course work and have basically finished the Survey form however trying to change these labels to what the user stories are asking is proving unsuccessful.
Ive tried changing the label ids but its not passing.
Do you have a link to your code, or could you post it here for review?
Keep in mind, most of these requirements are that the label id needs to be whats requested. Just want to make sure you’re changing the label id to match, not what the label is displaying.
Glad to hear it. Page looks good. Its got me thinking about my morning coffee tomorrow. Submit button is a little hard to read, maybe a tad less (more) opacity. Also, if you put a little padding on your input elements, its nice when the letters aren’t butted right up against the input box wall. Overall looks great though, good work.