Get some feedback about Personal Portfolio

Code Feedback
1

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
2

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;
}

Screenshot 2022-03-09 10.32.50 AM
Screenshot 2022-03-09 10.32.50 AM840×559 91.9 KB




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

Screenshot 2022-03-09 10.35.16 AM
Screenshot 2022-03-09 10.35.16 AM864×552 50.3 KB




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

Screenshot 2022-03-09 11.02.58 AM
Screenshot 2022-03-09 11.02.58 AM947×469 22.4 KB

4 Likes
3

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:

4

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

1 Like
5

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
6

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
7

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

8

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
9

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

1 Like
10

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