Project feedback - Personal Portfolio

Code Feedback
1

Please help to provide feedback for my Personal Portfolio project. Would like to know any more efficient way in getting it done (am new to this).

Thanks!

Project - Personal Portfolio

2

image
image1920×1080 343 KB

It looks like your images are not loading correctly when I view your page. :frowning:

3

Hi Nhcarrigan,

I do not know how to include the image inside. But it is ok when i am doing it in my local PC. Is there anyway to link it together?

Thanks.

4

You need to upload the image to a hosting site and use that url for your img src. Right now you’re using a local filepath, which means it will only work for you.

5

Any hosting site to recommend? Is it free to use?

6

Imgur is the most common one I can think of - and to my knowledge, it is free.

7

Could you please try again? i have fixed it, i am using Imgur. However i am unable to link the fontaweson icon in the codepen.

8

Excellent! Your images are loading fine for me now!

Font Awesome icons are a little further on in the curriculum, but if you’re wanting to incorporate them into this project, here is the lesson to import Font Awesome.

9

Your portfolio looks good @kiamkiam. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • Remember, an id must be unique within the document.
  • Don’t use <br> to force spacing. Use margin and/or padding in CSS.
  • You may have problems with imgur hosting your images. Not sure if you know this but;
  • 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/penName/image/large.png (for the large screenshot)
    and
    https://codepen.io/userName/pen/penName/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and penName with the id of one of your codepen pens and then copy that link into your portfolio
10

Does imgur not work for web hosting any more? Shoot - my apologies for providing wrong information! :disappointed:

11

No, no @nhcarrigan. Sometimes imgur cuts off with FCC…maybe getting hit too much. Dunno. I’ve just seen/heard of others having problems when using imgur to host images used in their projects.

12

Ah, I see! I haven’t used imgur in a long time so I wasn’t sure. It’s just the first name that came to mind.

13

Thanks Roma for the input.

  1. Remember, an id must be unique within the document.
  • which mean anything inside id must be standalone or shall not be repetitive?
  1. Access them from;
    https://codepen.io/userName/pen/penName/image/large.png (for the large screenshot)
  • is this the Pro Version?
14

Nope. It means you don’t want a <div id="hello"> and a <img id="hello"> in the same HTML document.
Each id= must be unique. :slight_smile:

15

You can review this lesson

No. I wouldn’t have posted the link if it was something you have to pay for. Did you try it?

16

Got it. Thanks a lot.

17

Unfortunately there is error with the page.

18

I have no idea what this means. You need to be descriptive. Error with what page?

19

page not found
page not found1260×653 225 KB

20

Posting a screenshot doesn’t help. What url did you use?
Please read the instructions that were posted with the links.