Feedback on tribute and survey page

Code Feedback
1

Hello, this is my first attempt making a tribute page and the survey form.
Feel free to provide any feedback

tribute page: https://codepen.io/kiagekwamboka/pen/wvMBWZM

survey form: https://codepen.io/kiagekwamboka/full/WNrvKoW

2

Hi @kiagekwamboka,
Welcome to the freeCodeCamp forum and congratulations on finishing these!

Some optional ideas regarding the tribute page: I think it would be a good exercise to import a font (e.g. from google fonts). On phones (320px width upwards) it would be great if the image would have a maximum width of 100%. You might also want to wrap the text (or the whole content) in some kind of container (doesn’t have to be visible) so that the paragraph isn’t overly wide on large screens. (like 1400px upwards) You could also add some color and use all these elements to create a visual atmosphere that compliments the content.

3

In addition to the suggestions above I would remove the background color from #main {..} and add a new CSS rule for *{..} and include the color there so you don’t get white space on the left side and bottom.

4

Welcome to the forums @kiagekwamboka. Some things to revisit;
tribute

  • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 9/10 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • 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 address. Remember, an id must be unique within the document

survey form

  • 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 address.
  • User’s should be able to click on the label to select, not just the radio button / checkbox
5

Hi @michaelsndr
Thank you for looking through it and providing ideas on how to improve on it.
I will make the changes and learn from them.

6

Hi @JohnJohn
Thank you for the feedback, i will do that.

7

@Roma Thank you for the feedback, I will go over the pages and make the changes.