<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<!DOCTYPE html>
<html>
<nav id="nav-bar">
<header>Twinn Da Don</header>
<u>
<li> <a class="nav-link" href="#Brooklyn">Brooklyn</a> </li>
<li> <a class="nav-link" href="#Queens">Queens</a> </li>
<li> <a class="nav-link" href="#Staten Island">Staten Island</a> </li>
<li> <a class="nav-link" href="#Bronx">Bronx</a> </li>
<li> <a class="nav-link" href="#Harlem">Harlem</a> </li>
<li> <a class="nav-link" href="#About_ME">About_Me</a> </li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="Brooklyn">
<header>Brooklyn</header>
<p>
<code>"Hello Brooklyn!"</code>
</p>
<u>
<li>Optimal months to visit: December-February.</li>
<li>places in Brooklyn</li>
<ul>
<li>Crown Heights</li>
<li>Brownsville</li>
<li>Bedstuy<li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="Queens">
<header>Queens</header>
<p>
<code>"Hello Queens!"</code>
</p>
<p>
<ul>
<li> Optimal months to visit:August - October</li>
<li>Southside Jamaica<li>
<li>Hollis</li>
<li>Queensbridge</li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="Staten Island">
<header>Staten Island</header>
<p>
<code>"Hello Staten Island!"</code>
</p>
<p>
<ul>
<li>Optimal months to visit:February-April</li>
<li> Park Hill</li>
<li> Stapleton</li>
<li>West Brighton</li>
</ul>
</u>
</p>
<br>
<section class="main-section" id="Bronx">
<header>Bronx</header>
<p>
<code>"Hello Bronx!"</code>
</p>
<p>
<u>
<li> Optimal months to visit: May-July</li>
<li>places in the bronx<li>
<u>
<li>South Bronx</li>
<li>Intervale Ave</li>
<li>Bronx Zoo</li>
</ul>
</u>
</p>
<br>
<section class="main-section" id="Harlem">
<header>Harlem</header
<p>
<code>"Hello Harlem!"</code>
</p>
<p>
<u>
<li>125th Street</li>
<li>135th street</li>
<li>140th & lennox</li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="About_ME">
<header>About_Me</header>
<p>
<code>"Hello About_Me!"</code>
</p>
<p>
<u>
<li>Brooklyn</li>
<li>Queens</li>
<li>Staten Island</li>
<li>Bronx</li>
<li>Harlem</li>
</ul>
</p>
<br>
</section>
</main>
</html>
.TwinnDADON{
position:absolute;
height:auto;
min-width:300px;
width:300px;
top:10px;
left:0px;
z-index:2;
}
@media only screen and(max-width:800px)
{
/* For mobile phones */
#navbar{
position: fixed;
height:100%;
min-width:300px;
width:300px;
top:0px;
left:0px;
color:blue;
Background-color:black;
padding:75px 0px;
z-index: 1;
}
.header_text{
display:grid;
grid-template-columns:1fr, 1fr;
grid-gap:50px;
grid-auto-rows:minmax(100px, auto);
width:100%;
heightL:auto;
position:absolute;
top:18wv;
left:300px;
z-index:z
}
I’ve edited your post for readability. 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
It looks like you just pasted in a chunk of code without providing any context or asking any questions. We can't help you if you don't talk to us.
technical documentation page
if possible, can you provide the link to the project? And the issue you are having?
Which part specifically are you having trouble with?
<p>
<ul>
<li> Optimal months to visit:August - October</li>
<li>Southside Jamaica<li>
<li>Hollis</li>
<li>Queensbridge</li>
</ul>
</ul>
</p>
is this the problem?
I managed to fix the first error:
sorry, it took a while, but take a look at your HTML and try debugging them, there are errors you need to fix.
And for user story 4, it means that each header element should have an id,(make sure the id is different from the header:) if there are space included with the id, then you should replace it with underscores
no it doesn’t help me
ok how did you fixed the first error?
i do not understand what you mean by that because i did it can you show me how to fix it with an example?
for example. if you have a header of hello word, your id should be something like this: id= “hello_world”… basically you are replacing the space between hello world with underscores…
Hi @alvin1191 !
You have quite a few errors in your html which will make it difficult to pass the rest of these tests.
I would suggest slowly going through your document section by section and double checking to make sure everything is correct.
You want to make sure all of the html tags are correct.
All of the ids match up with the href values.
And all of the section tags have closing tags.
You can use the html validator to help you find and fix those errors.
its not helping can you open code pen and run it on there and help me
On my end, it is showing all of the tests passing.
But the goals is not to just pass the tests.
You want to learn how to write correct html and css.
I would still urge you to go through the document and clean up these html errors.
For example, you have an opening u tag here but a closing ul tag
<u>
<li> <a class="nav-link" href="#Brooklyn">Brooklyn</a> </li>
<li> <a class="nav-link" href="#Queens">Queens</a> </li>
<li> <a class="nav-link" href="#Staten_Island">Staten Island</a> </li>
<li> <a class="nav-link" href="#Bronx">Bronx</a> </li>
<li> <a class="nav-link" href="#Harlem">Harlem</a> </li>
<li> <a class="nav-link" href="#About_ME">About_Me</a> </li>
</ul>
The validator explains why that is an error
Writing correct html and css will strengthen your coding skills.
Hope that helps!
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.