Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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:

3

hi there, did you have a question?

4

It really does help if you ask a question.

The href and id values need to match exactly. Including the case of the letters.

href="#Topic_1"
id="TOPIC_1"

Your media query is missing the opening { bracket.

5

I have done that but I still can’t pass this project neither can I save it…

6

Please post the new code and mention what error you are trying to fix.

7

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