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: