Portfolio page Feedback

Code Feedback
1

Hello,
Just finished my project, any feedback will be greatly appreciated. thanks
https://codepen.io/imosil34/full/vYOomEX

1 Like
2

Edit your post and give a meaningful title please. The link in the title isn’t clickable.

Welcome to the forums @imosil34. Your page looks good. Some things to maybe revisit;

  • Make the page responsive. On smaller screens the contact section overflows.
  • Don’t know if you know but codepen creates large and small screen shots of your pens that can be used in your portfolio.
    Access them from;
    https://codepen.io/userName/pen/penName/image/large.png (for the large screenshot)
    and
    https://codepen.io/userName/pen/penName/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and penName with the id of one of your codepen pens
  • It’s a nit but why not have the links to your projects open full view instead of the pen.
  • When using codepen it only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
  • 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 coding errors you can clean up.

I took a quick look at one of your projects, the survey form. A little feedback;

  • don’t use <br> to force line breaks
  • an id should be unique to a document. You have multiple uses of an ‘id’

Consider running you projects through the aforementioned validator.

3

Thank you for your feedback, I am making those changes :ok_hand:t6: