Product Landing Page - Build a Product Landing Page

Tell us what’s happening:
Describe your issue in detail here.
I have been trying to figure out why is the text in the

are underlined (see attached image).
I set the text-direction to none but that did not help.

I had the same underline problem on the previous set of code. I deleted them. So this is another set of code. What am I missing?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <title>3D Printer Landing Page</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />

    <nav id="nav-bar" >
      <li><a href="#s1" />s1</li>
      <li><a href="#s2" />s2</li>
      <li><a href="#s3" />s3</li>

    <div id="s4">
    <p id="s1">some1 </p>
    <p id="s2">some2 </p>
    <p id="s3">some3 </p>

    <p>some4 </p>
/* file: styles.css */

#nav-bar > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  text-decoration: none;

#s4 > p {
  display: flex;
  margin-top: 0px;
  text-decoration: none;

Your browser information:

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

You didn’t close the anchor tags <a>:

      <li><a href="#s1" />s1</li>
      <li><a href="#s2" />s2</li>
      <li><a href="#s3" />s3</li>

Also, the closing ul tag is not closed with the angle bracket from the right.

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