Personal Portfolio (FCC)

Personal Portfolio (FCC)
0

#1

Hello, this is my attempt to the Personal Portfolio project: https://codepen.io/lefteriskl/full/djKPLG/
If you have any advice for me, thanks!


#2

Hi,
On my desktop it is pretty large. It does look better on smaller screen.

You background image looks great and I like the color difference for each section.

But there are Two main things:
Your Project images are not showing up. You are getting a 403 status error for each image.

You icons are really huge - even on the smaller screen. You may want to make them a little smaller.


#3

Thanks. It seems like I uploaded the images somewhere temporary so the links are now dead. Will have to upload them at a permanent host. I may then resize the icons


#4

As @KoniKodes said your social icons are too big. Instead of using images for that icons i would try to use ether some font icons or svgs that are easily scallable.


#5

I had that problem when I first started here. The site I was using crashed and I lost my access to the images in my projects. Fortunately, I had a copy on my pc.

I finally bought the security for my site and now I host all fcc project images there.

@sorinr has the correct solution for the social icons.


#6

thanks, I 'll check out the svg and font icons solutions


#7

If you don’t plan to use more font icons except that twos better go for svgs. Not worth to load an entire library like font awesome, or any other lib, to just use two icons .


#8

I found a way to use dropbox shared files for hosting. The trick was to replace “?dl=0” with “?raw=1” in the generated link. Now the project images should be up permanently :slight_smile:


#9

I did not think of Dropbox, but it makes sense.

Glad it worked :blush:


#10

I’m still new to svg, and I don’t use font awesome. Thanks for the info.


#11

I like the concept with the attached background image of the website.

Some things that I noticed:

  • Personally, I don’t like the colors in the background. What I do often, I choose Material Design Colors (https://www.materialui.co/colors). Maybe you have a look.
  • The font looks good. Many websites have two different fonts: One for the headings and one for the text. Personally, I would take your current font for the headings and a different font (e. g. Roboto) for the text.
  • Maybe you can remove the border between the projects
  • On Firefox the CodePen and GitHub Icons are squeezed.
  • Add margin: 0 to the body

#12

Thank you that is very helpful


#13

@lefterisKl, I’m very impressed with the Test feature!!!

Can you break down how it works?


#14

Do mean the FCC test-suite?


#15

Yes!
That’s an awesome feature fcc added since I’ve done my portfolio project.


#16

I just forked this https://codepen.io/freeCodeCamp/pen/MJjpwO and then worked on top of it.