Portfolio page - Please review =)

Hi all,

Please review my portfolio page and let me know what y’all think.

Old link: https://codepen.io/AvanthiK/full/eYYgRVO

New link: https://codepen.io/AvanthiK/full/GRRwQMO


1 Like

There is a failed test on your portfolio.

The purple background is not a color I would go with. Your code is very clean so good job there. Whenever I hover over an image preview, it cause the other image previews to also expand. See if you can figure out why that is happening. Give your portfolio some nice fonts. Right now it is fairly bland. I looked through your other codepens and they are all very creative and imaginative.

I made a couple of changes. Let me know what you think.


I think overall the design is good. I would suggest adding a transition to the project-tile class instead of the hover state, that way it doesn’t pop back down quickly when the hover state isn’t active. Also on the navbar so it doesn’t just pop up.
I also didn’t realize there was a navbar at the top until I looked through the code, then hovered over it. I think you should be fine leaving it visible.

The only reason why I didn’t leave the nav bar visible is because when you click the link part of the page is hidden behind the nav bar.

That is kind of what I figured, I had the same problem with one of my projects.
I had it disappear if the mouse hadn’t moved for 1.5 seconds but when you move the mouse it shows back up. That was done through JavaScript though.

I haven’t started learning Javascript yet. I tried something different with my product landing page. It works to an extent but it gets a little messy when I resize the screen.

Congrats, it’s a nice design. The colors, choice of showing projects in grids and etc. all add to having a good experience surfing through your page.
Good work! :ok_hand:t4:

P.S In case you want to use this as an official link on your resume, you may want to reconsider using the owl sketch to add more of the ‘professional’ feel to your portfolio. But it may work on some companies, I had mixed feelings about it.

Ya I was kinda iffy on the owl. I might just have two copies of the portfolio and have one with and one without.

1 Like

I’ve updated my portfolio.

Old link: https://codepen.io/AvanthiK/full/eYYgRVO

New link: https://codepen.io/AvanthiK/full/GRRwQMO

Let me know what you think.