Skip to content
Submitted over 1 year ago

Responsive portfolio site using only html and css

vite
Loukas Vovlas•40
@vovlasl
A solution to the Single-page developer portfolio challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

So i just finished this project and yet again i had a couple of difficulties and there are some "errors" too. So:

  1. the footer doesn't want to go all the way down (you can see the diffence in the color, the grey one is the footer).
  2. the whole hover on the project thing i'm not sure if i did it correctly or if there is a better and faster way (you can also see that the hover "shadow" "overflows" on the top and bottom side of the project image)
  3. the background decoration and profile picture i'm not sure again if i did it right, especially with the responsiveness of profile picture
  4. im having a hard time to position the nav bars (top and bottom)

And that's it I think. If you see anything else that's wrong please feel free to correct me. I'd help me a lot. Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Oficial51•270
    @oficial51

    The problem in the footer is that you are not setting the height to a fixed amount which causes the container take only the space that the children take.

    solution:

    height: [The a amount you want];

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord