Responsive Web Design Projects - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer ).
Describe your issue in detail here.
I have done required but it is not passing.
any idea please?
thank you
Your code so far

<!-- file: index.html -->
<header id="header">
<link rel="stylesheet" href="styles.css">
  <h1>Liz<h1>
  <img src="https://nationaltoday.com/wp-content/uploads/2022/05/69-Cate-Blanchett.jpg"
  width="300px"
  alt="photo"
  border="0"
  id="header-img"
>
<nav id="navbar">
  <h1><u>Liz</u>
  <a class="nav-link" href="Profolio">Profolio</a>
  <a class="nav-link" href="photo">photo</a>
  <a class="nav-link href="Story">Story</a>
</h1>
</nav>
</header>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

Challenge: Responsive Web Design Projects - Build a Product Landing Page

Link to the challenge:

2

Do you see how this description says you need to put the #id in the href? Your href is missing the # hashtag
Also you have some syntax errors such as a missing double quotes in this line

I suggest you get your html fixed by passing it through an online validator to find all these syntax mistakes so you can fix them one bye one.

1 Like
3

thank you so much. this is a very helpful suggestion and I will work on it

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.