Build a survey form project-help required

Code Feedback
1

hi all,
I am having troubles with the project “build a survey form”.
In particular, the radio button header (i.e. “Would you recommend freeCodeCamp to a friend?”) doesn’t appear on the page, unless I hide (comment) the prevoius dropdown menu.
Secondly, the radio buttons are not equally spaced.
I tried to get hints from the sample page ( in editor view), but still cannot figure out the problems above.
thanks for your help

PS. i need help to link my project

2

Without a link to your pen all anyone can do is guess.

You should be able to paste in the URL.

Couple of things;

  • you do NOT have to replicate the sample projects. They are just samples, one way to do the project. The hardest part of coding is looking at a problem and coming up with a plan to solve that problem. Starting out by looking at someone else’s code completely bypasses that step.

Just guessing because there’s nothing to look at but sounds like you didn’t close the dropdown.

3

the dropdown is closed
this is the link (if it is the rigth way to do so)
https://codepen.io/ranran212/pen/QWdmaem

4

That is the correct way to provide the link to your code.

Take a look at what you’ve copied from the sample. My guess was correct. The dropdown is not closed.

5

yes, i wrote as if the select element was self closing :stuck_out_tongue:
now it works

6

Good job figuring it out.

Again, I’d like to emphasize that you make the project from scratch, with your own code, style and content. Don’t take code from the sample project.

  • The projects aren’t just another challenge. Each one is meant to be a significant step in your progress. Every project you do will require research, planning, trial and error, and strengthening your skills beyond what you gain from the incremental challenges.
7

it is “normal” to take so much effort and time?

For example every time I use margin: 0 auto i neve get the result I want

8

Yes, it’s normal. You’re learning new concepts. Sometimes the “ah-ha” moment comes quickly, sometimes it takes a little longer.

I’m not sure what you’re attempting to accomplish so I can only guess. From a quick search this answer on SO will explain;

When you have specified a width on the object that you have applied margin: 0 auto; to, the object will sit centrally within its parent container.

Specifying auto as the second parameter basically tells the browser to automatically determine the left and right margins itself, which it does by setting them equally. It guarantees that the left and right margins will be set to the same size. The first parameter 0 indicates that the top and bottom margins will both be set to 0. It’s shorthand for;

margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
1 Like
9

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