Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.
For some reason the preview page isn’t responding
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>
    <nav id="navbar"></nav>
    <main id="main-doc">
      <section class="main-section" id="Introduction">
        <header>Introduction</header>
        <p>JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment (for example, a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them.</p>

<p>JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of language elements such as operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes by supplementing it with additional objects; for example:</p>
      </section>
      <section class="main-section"></section>
      <section class="main-section"></section>
      <section class="main-section"></section>
      <section class="main-section"></section>
     </main>
  </body>
</html>

/* file: styles.css */
body {
  display: flex;
flex-direction: row;
}
#navbar {
  background-color: red;
  height: 100vh;
  width: 25%;
}
#main-doc {
  width: 75%;
  height: 100vh;
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

#2

Fix the closing tag here as it may cause your page to not display.

#3

Thanks a bunch, its always the little things

1 Like