Give me your feedback: Personal Portfolio

I made a Personal Portfolio and hopefully, I could pass the test.
But I would like to know that professional advice or feedback.
Thank you in advance!

https://codepen.io/siienaa/pen/mdOLdpm

Hello @siena ,

I think your portfolio looks good. Nice job passing all the tests!

For better responsiveness (fitting on mobile devices, for example) I’d suggest using media queries to modify the sizes and/or change the layout of your buttons, project images, etc. With this, the elements will be able to fit on the entire display without splitting onto the right of the page.

One thing that helped me with responsiveness was to approach creating webpages with a “phone-first” approach and design. That way, you don’t need to worry about elements not fitting on a small display.

Keep up the work!

1 Like

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

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • 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)
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on smaller screens
1 Like

Your page is good @siena but few things to revisit

  1. Your footer is overriding your last projects names
  2. On smaller devices your contact section is not visible I tested it
  3. There’s a horizontal scrollbar on smaller screens
  4. Change your page’s font to sans-serif