Responsive_Web_Design_Projects

Code Feedback
1

Hello, I’ve done three projects from Responsive Web Design and i’d like to get feedback for these projects from you. I don’t like my last two projects so i removed them and i’ll update.
Here are project links:

Tribute Page: https://codepen.io/Ako15/pen/LYNgGGq
Survey Form: https://codepen.io/Ako15/pen/zYqmrNJ
Product Landing Page: https://codepen.io/Ako15/details/XWdxXRB

2

Welcome to the forums @georgebalanchin2. Guessing you just found the forums and that’s why so many at once. It’s easier to do one at a time this way you don’t repeat some of the same errors. Here’s some things to revisit;

Verify your email addr with codepen so we can see your pages full view.
Overall, don’t try and replicate the samples. They are just examples of one way the project can be done. Each of the projects say “functionally similar” and “give it your own personal style”.
Additionally…

tribute

  • 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 1/10 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (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.
    • The link to the font goes 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.
  • Don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Review the lesson about giving meaningful text to links.

survey*

  • Same note as above regarding the test script. Your page passes 4/17 user stories.
  • Same note as above re: using codepen.
  • Same note as above re: run your code through the validator and correct all the errors.
  • Same note as above re: not using <br> to force line breaks.
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox.
  • All your styling should be external. Don’t use in-line styling.

product landing

  • Same note as above regarding the test script. Your page passes 4/16 user stories.
  • Same note as above re: using codepen.
  • Same note as above re: run your code through the validator and correct all the errors.
  • Same note as above re: not using <br> to force line breaks.
3

I definitely agree with Roma about adding your own personal style to the projects. I would suggest creating projects around your personal interests. What are some of things that inspire you? What are some of your hobbies?

For example, I am a musician so a lot of my projects will probably involve some sort of music component. Hope that helps. Happy Coding!