My-portfolio-page

Code Feedback
1

hye!.. I have created my portfolio page. I did not have any images of my projects so i put random ones. Please have a look and give your valuable feedback.
thank you.
here is my code

2

Your page looks good @navjotkaurbham. Some things to revisit;

  • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 11/12 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(s) to the font(s) goes in the box labeled ‘Stuff for <head>’
    • Note: the test script is JavaScript so it would not go into 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 is an HTML coding error you should be aware of and address.
  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it, there are some things to clean up.
    • (The one for HTML misses things which is why I recommend W3C)
  • If you’ve filled out an on-line form before you may have noticed that the asterisk means the field is required. You’ve made fields required in the form portion of your page but you don’t check to see if they’re filled in. You should check and if not, throw an error message. You learned to do this when you did the survey form.
  • Do not use in-line styling. Make all of your styling external. It will make maintaining your page much easier.
  • 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/slug/image/large.png (for the large screenshot)
    or
    https://codepen.io/userName/pen/slug/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and slug with the id of one of your codepen pens and then copy that link into your portfolio
3

thank you for your feedback i will look at those and update them.
thanks again