Technical Documentation Page - Build a Technical Documentation Page

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

just a quick question. Are we allowed to copy css styling from past projects and other examples so long as we pass every check mark on the required objective?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang = "en">
  <head>
    <meta charset = "utf-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <link rel = "stylesheet" href = "styles.css">
    <title>Bare minimum documentation project</title>
  </head>

  <body>
    <main id = "main-doc">
      <nav id = "navbar">
        <header>Current topic of technical document</header>
        <ul>
          
          <li><a class = "nav-link" href="#header1">header1</a></li>
          <li><a class = "nav-link" href="#header2">header2</a></li>
          <li><a class = "nav-link" href="#header3">header3</a></li>
          <li><a class = "nav-link" href="#header4">header4</a></li>
          <li><a class = "nav-link" href="#header5">header5</a></li>
        </ul>
        </nav>
      <section class = "main-section" id = "header1">
        <header>header1</header>
        <p>thing 1</p>
        <p>thing 2</p>
        <code>code 1</code>
        <li>thing 3</li>
      </section>
      <section class = "main-section" id = "header2">
        <header>header2</header>
        <p>thing 1</p>
        <p>thing 2</p>
        <code>code 1</code>
        <li>thing 3</li>
      </section>
      <section class = "main-section" id = "header3">
        <header>header3</header>
        <p>thing 1</p>
        <p>thing 2</p>
        <code>code 1</code>
        <li>thing 3</li>
      </section>
      <section class = "main-section" id = "header4">
        <header>header4</header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
      <section class = "main-section" id = "header5">
        <header>header5</header>
        <p></p>
        <p></p>
        <code></code>
        <li></li>
      </section>
    </main>
  </body>
</html>
/* file: styles.css */
body{
  background-color: darkgray;
}
.main-section header{
  color: white;
  font-size: 25px;
  font-family: "Comic-Sans";
  border: 1px solid black;
  text-align: center;
}

.main-section p, code, .main-section li{
  border: 1px solid black;
  margin-right: 30%;
  position: relative;
  left: 10%;
}


Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

there is no rule that says no to this but you should think about whether copying will give you the experience you need or not.

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