https://codepen.io/arturrakowski/pen/LYVNWLX

HTML-CSS
1

Tell us what’s happening:
I have 2 failed tests on my Product Landing Page and I think it should work but I can’t pass them anyway.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

2

When you copied the sample code you made a change that broke it.

sample code

<ul>
  <li><a class="nav-link" href="#features">Features</a></li>
  <li><a class="nav-link" href="#how-it-works">How It Works</a></li>
  <li><a class="nav-link" href="#pricing">Pricing</a></li>
</ul>

your code

<ul class="list-1">
  <li class="nav-link"><a href="#features">Features</a></li>
  <li class="nav-link"><a href="#how-it-works">How it works</a></li>
  <li class="nav-link"><a href="#pricing">Pricing</a></li>
</ul>

It would be a better learning experience for you if you started with a blank canvas and wrote all your own code. The example is just one way the page should look. It doesn’t have to be, and shouldn’t be, an exact copy.

1 Like
3

Thank you for quick respons. It solved my problem.
I just took the content of the page, all the styling I made myself. I didn’t think that having my own content of the page is important, rather styling of it and learning all the html stuff. But thanks for your criticism and I will try to do more on the html side onward.

1 Like