Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
i can’t fix number 6 of the user stories

  1. The .main-section elements should contain at least five code elements total (not each)

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Technical Documentation Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main-doc">
      <section class="main-section" id="one">
        <header>one</header>
        <p></p>
         <p></p>
         <ul><li></li></ul>
         <ol><li></li></ol>
      </section>
      <section class="main-section" id="two">
        <header>two</header>
        <p></p>
         <p></p>
         <ul><li></li></ul>
         <ol><li></li></ol>
      </section>
      <section class="main-section" id="three">
        <header>three</header>
        <p></p>
         <p></p>
         <ul><li></li></ul>
         <ol><li></li></ol>
      </section>
      <section class="main-section" id="four">
        <header>four</header>
        <p></p>
         <p></p>
         <ul><li></li></ul>
         <ol><li></li></ol>
      </section>
      <section class="main-section" id="five">
        <header>five</header>
        <p></p>
         <p></p>
         <ul><li></li></ul>
         <ol><li></li></ol>
      </section>
      <nav id="navbar">
        <header>technical documentation</header>
        <a href="#one" class="nav-link">one</a>
        <a href="#two" class="nav-link">two</a>
        <a href="#three" class="nav-link">three</a>
        <a href="#four" class="nav-link">four</a>
        <a href="#five" class="nav-link">five</a>
        </nav>
    </main>
  </body>
  </html>

/* file: styles.css */
#navbar{
  align: left;
  display: visible;
}
@media{
  
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

¡Hola!

@ chimagodwin747

Siguiendo el estilo de tu codgio, solo agrega 5 elementos HTML como este en cualquier main-section:

<code></code>

saludos

3

OK gracias
Déjame intentarlo

4

muchas gracias por su ayuda
funcionó

5

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