Technical Documentation Page Step 4

HTML-CSS
1

image
image1359×428 62.1 KB

Not able to complete step 4
Anybody can help?

2

please post all the code

4

How to post code here

5

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

6 
<main id="main-doc">

  <section class="main-section"id="html">
  <header">HTML</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>

//My Header is already the first child of my section i don't know why it is showing the error

  <section class="main-section"id="css">
  <header">CSS</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>

  <section class="main-section"id="java">
  <header>JAVA</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>

  <section class="main-section"id="kotlin">
  <header>Kotlin</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>
  
  <section class="main-section"id="swift">
  <header>Swift</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>
</main>

<nav id="navbar">
  <header>Technical Documentation Page</header>
  <a class="nav-link" href="#html">HTML</a>
<a class="nav-link" href="#css">CSS</a>
<a class="nav-link" href="#java">JAVA</a>
<a class="nav-link" href="#kotlin">Kotlin</a>
<a class="nav-link" href="#swift">Swift</a>
</nav>
<link rel="stylesheet" href="styles.css">
7

remove the double quotes from the header tag here

you should also place your link element inside a head element

8

Done Thanks alot for your help

10

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