My first 2 Challenges of Responsive Web Design - Feedback Welcome! :)

Code Feedback
1

Hello everyone!

I finished the first two challenges of Responsive Web Design certification, and I would like to receive your feedback on whatever I can be better at.

  1. My tribute page
  2. Survey form

Thanks in advance!!

2 Likes
2

Solid work ! :smiley:

Only thing that caught my eye is the text alignement in the tribute page, speceficly in the bottom / footer area, if you left it like that by design okay, if not then text-align : center or other formats could be visualy better .

That aside, great great job !

1 Like
3

The look and feel of your pages are neat.

Great job

1 Like
4

Thank you so much for the feedback
I made the change that you suggested, looks better!

1 Like
5

Thank you for your kind words :slight_smile:

6

Hey, just wanted to say your projects look awesome. Good work.

1 Like
7

Welcome to the forums @deysukiz. Your pages look good. Some things to revisit;

tribute page

  • 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>’
  • 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.
  • Accessibility is about being accessible to all users. Review the giving meaningful text to links lesson. For a more thorough explanation read Web Accessibility in Mind.
    • “jnd.org”, “wikipedia entry” and “nielsen norman group” are not accessible

One a side note, depending on their OS user’s see your page differently. I don’t have Windoze so I’m seeing it with the “Roboto” font.
Also, because I’m seeing it with the Roboto font I see that even though you use the strong element your page doesn’t display as such. This is because when your link to that font only has the light (300) weight so the browser doesn’t know how to do bold. You’d have to link both 300 (or the default 400) and the bold weight, 700.

survey form

  • Same as previously noted re: codepen providing the boilerplate
  • Same as previously noted re: Run HTML code through the W3C validator. Minor issue to revisit.
  • It’s a bad UX when the user has to delete text in the comment area to enter their own.
1 Like
8

Thank you so much for your feedback!
Your comments are really helpful, and the resources that you share are very useful.
I didn’t know the W3C validator but is wonderful!

According to your observations, I made some changes, I hope the links are more descriptive :slight_smile:

You can find more information in his personal web, Don Norman’s Wikipedia article , and/or his profile in Nielsen Norman Group.

Thanks again for your help!!

9

Glad to be of some help.

Your tribute page looks good.

Don’t forget to take care of the form too.

10

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