Please fill out this form with the required information
``` ```css /* file: styles.css */ body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; } label { display: block; margin: 0.5rem 0; } ``` ### Your browser information: User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36` ### Challenge Information: Learn HTML Forms by Building a Registration Form - Step 39 > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-39)** > > Learn to Code — For Free --- You appear to have created this post without editing the template. Please edit your post to **Tell us what’s happening** in your own words. Learning to describe problems is hard, but it is an important part of learning how to code. Also, the more you say, the more we can help! ---  --- Welcome to the forum @skureshi You appear to have created new _elements_. The instructions are asking you to link the _label_ elements to its respective nested element. This occurs by placing a _for_ attribute in the label element, and an _id_ attribute in the nested element. The attribute value for each link should match. The values are mentioned in the instructions. Happy coding --- Hi, my code is still not working… please help… This is what it is saying now 'The first `input` element should have an `id` of `profile-picture` . Upload a profile picture: Input your age (years): How did you hear about us? (select one) freeCodeCamp News freeCodeCamp YouTube Channel freeCodeCamp Forum Other Provide a bio:\ **Author:**  [@skureshi](https://forum.freecodecamp.org/u/skureshi)\ **Post date:** [May 29, 2024, 8:41pm UTC](https://forum.freecodecamp.org/t/learn-html-forms-by-building-a-registration-form-step-39/668558/6 "2024-05-29T20:41:54Z") ### Tell us what’s happening: I have tried to fix this step a few times and taken help from the forum but it is still not passing. This is the error message " The first `input` element should have an `id` of `profile-picture` ." ### Your code so far ```htmlPlease fill out this form with the required information
``` ```css /* file: styles.css */ body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; } label { display: block; margin: 0.5rem 0; } ``` ### Your browser information: User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36` ### Challenge Information: Learn HTML Forms by Building a Registration Form - Step 39 > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-39)** > > Learn to Code — For Free --- Hello @skureshi, I noticed some issues with the code you shared. Let’s go through and fix them step by step: 1. **First Label** : - The `label` element is missing the `for` attribute. - The `input` element’s `id` should not contain spaces. Use a hyphen instead. 1. **Second Label** : - The `label` element is missing the `for` attribute. 1. **Third Label** : - The `label` element is missing the `for` attribute. - The `select` element is missing. Add it with an appropriate `id`. --- This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.