Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Minimalist Portfolio Website, created with React

Glen• 515

@GlenOttley

Desktop design screenshot for the Minimalist portfolio website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


One of the most complex projects I have attempted from a layout perspective, first time using several libraries such as react-router-dom, react-hook-form & useMediaQuery/material-ui.

I have removed the form submit functionality which relies on a Python backend since this would not work on GitHub pages. I plan on customizing this design to create my own personal portfolio next.

Overall I am pretty happy with the result, however I welcome any feedback you may have.

Thanks, Glen

Community feedback

Abhishek Rawat• 690

@AbePlays

Posted

Great job Glen. The project looks amazing. There is one issue though. The button becomes active even before my cursor has entered the button(I tried entering from the right side). It maybe because of some extra padding or margin you may have applied to one of the classes on your buttons.

1

Glen• 515

@GlenOttley

Posted

@AbePlays Thanks for the tip! Those link elements were inside flex containers with a default value of stretch causing the link to be the full width of the container, have fixed now (will update the live version later). Cheers!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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