Get some feedback about Personal Portfolio

Hello. This is my Personal Portfolio project. if anyone could get me some feedback I am really very happy and appreciate. expecting… :grin:

1 Like

The code looks good. The layout is also good.

I have two design suggestions.

FIRST: Consider adding an image to the background of the <welcome-section>.
An Image can make a website look very professional, without much effort.

The code is simple:

#welcome-section {
 background-image:url('https://i.imgur.com/d6tmDe3.jpg');
 background-size:cover;
}




SECOND: Consider using a pre-planned color palette before you begin designing.
As a general rule, most professional websites only use about 3 main colors, and one or two accent colors.


A good place to find palettes, is a place like coolors.co: The link: coolors.co/palettes/trending




The Coolors.co site makes very easy to chose color combinations for Websites.

4 Likes

Your suggestions is really good . especially the coolors.co that is awesome. I try to change something . I think now maybe looks a little better. Thank you for your helping . :+1: :heartbeat: :hand_with_index_finger_and_thumb_crossed:

I think you’re probably going to end up being a pretty amazing programmer.

1 Like

Thank you for your encourage me . Actually it’s really hard for me to learn. especially JavaScript. because my English is not really good I always felt I can’t understand it . but I think I will persist , I am really appreciate that you helped me . :grin:

2 Likes

Hi Ling.

I had another Idea:

I’m sorry the ES6 course is making you suffer…

I thought about a way that may make it faster and easier for you design and practice building Websites…

The website CANVA makes it easy to design fast attractive websites without having much design experience :

https://www.canva.com/templates/?query=website

Screenshot 2022-03-13 12.07.31 PM

The Video tutorial on this page might also help you with your Website design :

https://forum.freecodecamp.org/t/critique-tribute-page/500610

1 Like

Thank you :smiley:I will try to look at that CANVA. seems it’s in interesting

Your page looks good @ling1. Something 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.
1 Like

Ah , now I know what you mean. thank you for telling me :smiley:

1 Like