Tell us what’s happening:
Hey y’all, I believe I have completed the user form. However, it looks like a website someone might made in 2002. Can y’all recommend a way to get more familiar with CSS beyond copy and pasting what the example code a had? I’m afraid I just don’t know where to start.
Hey @iangoodman! If you want to improve the look of your website, you have to:
4 Ways To Help You Improve Your Project
Choose a color scheme(max: 3 colors) and please don’t pick weird colors, use appropriate ones that fit the theme, there are a ton of websites that generate them.
Remove default / old styling(border, change background-color, etc) especially on inputs, buttons… and customize them based on your color scheme that you’ve chose.
Use line breaks, to go down a line- because in your html markup, even if you go down a line it won’t work unless if you add a line break -, for example like your radio buttons, labels… instead of being in one line… you get the idea .
Use other fonts(serif, sans-serif, slab-serif, etc) and make sure to pair them well, you can embed them from websites like Google fonts and so on, to link them you can use the tag on your tag or use the @import in your CSS style sheet.
Note: On your comment section use the tag instead of an because that doesn’t work and same thing for your button use the tagnot the input.
Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
The test script should be included, with all tests passing, when you submit your projects.
Your page passes 12/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
You shouldn’t copy/paste. The sample projects are just that, samples. They show one way the project can be completed. They do not have to be replicated. In each project it says “functionally similar” and “give it your own personal style”.
I’m not sure how to get the br tag working in the way you described and when I look at the example User Form project, I don’t see any br tag so I’m not sure how they incorporated the line breaks. Thank you for your help! Other then that, do you believe I’m doing a good job distinguishing the look of my page?
Don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.
Instead of using <br> elements to have each inline element on a new line, use or set container elements to be block-level elements so they’ll each take up the full width.
There are HTML coding errors you should be aware of and address.
This </input> is not a valid HTML tag. Remember, input is a self-closing element.
Since copy/paste from codepen you can ignore the first warning and first two errors.
Are you talking about the radio button and checkbox labels? If that’s the case if you’ve ever filled out a form you may have noticed that the label is closely associated with its radio button / checkbox. How do you want to format it? What have you tried?
Side note. It seems that quite a bit of the HTML is identical to the sample. It’s best to start with a blank page and write your own code. You’ll understand more of what you’re doing because you did it.