Skip to content
Submitted about 2 years ago

Responsive Single Page Developer Portfolio

Bhoami K Khona•360
@bhoamikhona
A solution to the Single-page developer portfolio challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Frontend Mentor - Single Page Developer Portfolio

This is my solution to the Single Page Developer Portfolio.

Screenshot

portfolio-challenge

Links

  • Solution URL: Link
  • Live Site URL: Link

Built with

  • Semantic HTML5 markup
  • CSS
  • CSS Flexbox
  • CSS Grid
  • CSS Animations
  • JavaScript

Challenges

  • Resizing and adding hover effects to svg icons
  • Learning to use <picture> and <source> for displaying images on various screen sizes i.e. using media queries
  • Image overlay for the projects section
  • Learning to use keyframes to add animations

Feedback

Any constructive feedback is welcomed.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Bhoami K Khona's solution.

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