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

Responsive landing page using CSS Grid and Flexbox

@Md-Talim

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Thanks for coming here... I'm new to React. The nav links aren't working. How to make them work?

Community feedback

@Eileenpk

Posted

Hi Mohammad, your project looks good.

To make navigation links go to a specific place on a webpage, you can use the HTML anchor tag <a> with the "href" attribute set to the id of the element you want to link to.

For example, if you have a header element on the page with the id "header":

<header id="header">...</header>

You can create a link to that element by using the id in the "href" attribute of the anchor tag:

<a href="#header">Go to header</a>

When the user clicks on the link, the browser will scroll to the element with the matching id.

Hope you found this helpful!

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