Feedback/help, portfolio page

Code Feedback
1

I have removed the freeCodeCamp script for the survey form and reset it in the page but it is still showing the test square in the upper left.

Also, my technical documentation page doesn’t show the content on the left even though it shows it full page when clicked on. Any help appreciated. I have checked the forum and searched. ty!

(I haven’t completed the media query yet)

2

The FCC test script is still in your survey form.
In the JS editor click the cog icon. You’ll see the CDN is in there.

On a side note, the test script with all tests passing should be included when you submit your projects.

  1. if you want to comment it out for the screen shot than get the screenshot and host that image somewhere. (you can search for sites that host images for free or, if you’re familiar with it, host them on GitHub)
  2. The test script should be right before the closing body tag, not in the head element. Codepen is forgiving that’s why it works but if you were to run it locally you wouldn’t see the test script function properly because the body must be loaded for the test script to work.

I’m attaching a screenshot of your tech doc page full screen. As you can see the body is well below the nav rather than being beside it.

You asked for feedback on your portfolio page. Some things to revisit;

  • 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.
  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
      (The one for HTML misses things which is why I recommend W3C)
  • Two of the three links in your nav do not take the user anywhere. This would be a bad UX.
  • Links to your projects should open in a new tab.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    There’s a horizontal scrollbar on smaller screens

Screen Shot 2021-12-31 at 17.57.16
Screen Shot 2021-12-31 at 17.57.161236×789 32.1 KB

3

Thank you for the feedback, I appreciate it. Good advice. A lot to go through! So far I have fixed the project links. Also ran the w3c validator.

4

I am still having trouble getting the text to line up in the technical document screenshot on the page. I have tried positioning but that isn’t working.

Any help appreciated. Thank you

5

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