Im losing my mind please help

HTML-CSS
21

yeah i got alot to review and also ive been cutting and pasting all over the place which isnt helping me much, thanks the help I’m gonna call it for the night and try again tomaroow

1 Like
22

Glad to have helped.

You’ll see things in a new light tomorrow. No pun intended.

23

Haha that’s funny I guess we can call it a wrap :wink:

24

Hey so I went and got some food watched some yt, and found out my mistake partly I was just grinding it out and not taking enough time away from it. The research I did definitely helped me learn some new stuff, but any ways I went back in and completed and also was able to style it up a bit. So I’m happy about that, sometimes I’m a bit too persistent and I got aggravated. I named the project out of anger and didn’t have the state of mind to realize other people would see that. My bad also had like 10 tabs opened Is and experimenting with other templates. Anyways I learned a lot and I can’t wait to learn more!

25

Looks a lot better @solarcruiserdude. Some things to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • For instance, links to fonts go in the box labeled ‘Stuff for <head>’
    • You have elements out of order. h1 and p would not be in the head element. Review this for an understanding of the HTML boilerplate tags.
  • Run your HTML code through the [W3C validator] mentioned previously.
    • There are HTML syntax/coding errors you should be aware of and address. (for instance, input is self-closing. that means that </input> is invalid
  • 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). (don’t leave empty selectors in your code)
    • (The one for HTML misses things which is why I recommend W3C)
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
    • This is not working correctly for any of your radio buttons. And you have a duplicate in one of your checkboxes. (click the label “open source community” and watch which checkbox toggles)
  • Change the cursor to a pointer when hovering over the submit button
  • Use a good contrast checker. Dark blue on a black background is very hard to see.

Once again, very good job of cleaning up the major issues you previously had.

EDIT: (you don’t have to do this if you don’t want to)

  • As a suggestion switch the Syntax Highlighting in Codepen to help catch errors.
    Go to your Codepen profile settings (not the setting for the pen, but for your profile). Switch the Syntax Highlighting to Oceanic Dark and save the setting. Go back to the pen and make sure your new setting is working. The code highlighting will be using different colors. Errors will now be marked in red.
26

OK cool I’ll do all that tomorrow, I really appreciate your help. :pray::pray::pray:

27

No worries, glad to help.

28

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