Technical Documentation Page - Build a Technical Documentation Page

Please I can’t pass this project neither can I save it.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="styles.css"/>
    <meta name="veiwpoint" content="width-device-width,inital-scale=1.0">
    </head>
    <body>
<nav id="navbar"><header>DESCRIPTION</header><a class="nav-link" href="#Topic_1">Topic 1<a class="nav-link" href="#Topic_2">Topic 2<a class="nav-link" href="#Topic_3">Topic 3</a><a class="nav-link" href="#Topic_4">Topic 4</a><a class="nav-link" href="#Topic_5">Topic 5</a></nav>
<main id="main-doc">
 <section class="main-section" id="TOPIC_1"><header><nav id="nav-bar"> </a>TOPIC 1<code></code><li></li><p></p><p></p></header></section>
 <section class="main-section" id="TOPIC_2"><header><nav id="nav-bar"> TOPIC 2<code></code><li></li><p></p><p></p></header></section>
 <section class="main-section" id="TOPIC_3"><header><nav id="nav-bar"> TOPIC 3<code></code><li></li><p></p><p></p></header></section>
 <section class="main-section" id="TOPIC_4"><header><nav id="nav-bar"> TOPIC 4<code></code><li></li><p></p><p></p></header></section>
 <section class="main-section" id="TOPIC_5"><header><nav id="nav-bar"></nav></a> TOPIC 5<code></code><li></li><p></p><p></p></header></section>
 </nav>

 </main>

 </body>

 </html>
/* file: styles.css */
@media only screen and(max-width:768px)
/* For mobile phones:*/ 
 {[class*="col-"] {
  width:
100%;
 }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

hi there,

please save your code on your computer. Or on github.
It isn’t a good idea to save it on fCC long term.

For your navlink you must match exactly the ids of the elements you are linking to.
For eg. in this href you have #Topic_1 but it should be #TOPIC_1

Give that a try and fix the others and see if that helps.

Can’t see any class with name col-.

If you are targetting all elements with a specific class in this attr selector, then pls remove the * before the =. Just putting class = within is good enough. The classname should be a valid name given to the class attribute of the elements.
Also remove the outer { }.

It is a good practice to indent your code instead of such lengthy lines.