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

SINGLE-PAGE-APPLICATION desktop-only Space-Tourism lazy loaded website

@ArjunJayakrishnan

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

IryDev 1,580

@IryDev

Posted

Hi @ArjunJayakrishnan, you did a great job on this challenge 😁

I think you can use the map method with react in order to don't repeat yourself in the navigation components or when you use nav-link :

{links.map((link, index) => (
              <li key={index}>
                <NavLink onClick={updateMenu} to={link.to}>
                  <span>0{index}</span> {link.name}
                </NavLink>
              </li>
 ))}

I hope you'll find this helpful, and your solution is really good 😄

Marked as helpful

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