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

Mobile first React

P
Cornelia 270

@cornelia-schulz

Desktop design screenshot for the Minimalist portfolio website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Account Deleted

Hey Cornelia hope you doing well, I've seen your solution and it's code, Actually I'm not a typescript developer, But I have for you a little trick to make the active link have specific styling just with react-router-dom without using useEffect in App.tsx file. The trick is do not use Link use NavLink and add(activeClassName) to NavLink. e.g: <NavLink className="nav-link" activeClassName="active-nav" to="/" exact>Home</NavLink> and style the value of activeClassName(it's active-nav in this example). source

0

@OlehTovkaniuk

Posted

I can't judge your code because I'm not into React and moreover Typescript. But I like what I see in terms of responsiveness.

0

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