So i just finished my survey form project,I would appreciate every corrections made,here is the link
Look great!!
I suggest that you change the color of the h1 from purple to another color.
Also it would look better if you make the input,text area and the submit button to a width of 100% instead of 90% for symmetry.
Try experimenting with the degree at which gradient is applied to make the top look a bit darker(45 deg maybe?)
Welcome to the forums @gladys. Your form looks good. Some things to revisit;
- Run your HTML code through the W3C validator.
- Since copy/paste from codepen you can ignore the first warning and first two errors.
- There are HTML coding errors you should be aware of and address.
- Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
- The one for CSS is good. Use it, there’s something to clean up. (The one for HTML misses things which is why I recommend W3C)
- Don’t use
<br>
to force line breaks or spacing. That’s what CSS if for. - User’s should be able to click on the label as well as the radio button / checkbox. (Review the lessons on creating a set of radio buttons and creating a set of checkboxes.)
- Change the cursor to a pointer when hovering over the submit button.