Your form looks good @yhy27. Some things to revisit;
- Run your HTML code through the W3C validator.
- There are HTML coding errors you should be aware of and address.
- Since copy/paste from codepen you can ignore the first warning and first two errors.
- Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
- The one for CSS is good. Use it and address the issue(s).
- (The one for HTML misses things which is why I recommend W3C)
- Change the cursor to a pointer when hovering over the submit button
- Do not use the
<br>element to force line breaks or spacing. That’s what CSS is for.- Reference MDN Docs
- Make your page responsive. Remember, the R in RWD stands for Responsive
- There’s a horizontal scrollbar on large and small screens.
- To help you see how you have your elements set up you can temporarily add the following global reset;
* {
border: 1px solid blue;
}
You can make it any color you want. While this isn’t the only place where this is done look at your #head declaration. It’s given a width of 100% and then an additional 5px is added to each.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.