where i have gone wrong, i couldn’t find.
It says" There should be one .nav-link for every element with the class of “main-section”, and every .nav-link should be within #navbar : expected 6 to equal 5
AssertionError: There should be one .nav-link for every element with the class of “main-section”, and every .nav-link should be within #navbar : expected 6 to equal 5"
i have my code below:
<!DOCTYPE html>
<html>
<nav id= "navbar">
<header> UgyenTenzin </header>
<ul>
<li> <a class="nav-link" href="#Japen">Japen </a> </li>
<li> <a class="nav-link" href="#Thailand">Thailand </a> </li>
<li> <a class="nav-link" href="#Indonisia">Indonisia </a> </li>
<li> <a class="nav-link" href="#India">India </a> </li>
<li> <a class="nav-link" href="#China">China </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="Japen">
<header> Japen </header>
<p>
<code> Hello Japen </code>
</p>
<p>
<ul>
<li> Visiting season on March to April </li>
<li> Popular in Bhutanese Architacture</li>
<ul>
<li> Tokiyo </li>
<li> Osaka </li>
<li> Hiroshima </li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="Thailand">
<header> Thailand </header>
<p>
<code> Hello Thailand </code>
</p>
<p>
<ul>
<li> Visiting season on August-December </li>
<li>The prevailing Bhuddist treasure</li>
<ul>
<li> Bangkok </li>
<li> Konichewa </li>
<li> Swedekhap </li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="Indonisia">
<header> Indonisia </header>
<p>
<code> Hello Indonisia </code>
</p>
<p>
<ul>
<li> Visiting season on January- March </li>
<li> Have refreshing nature </li>
<ul>
<li> loknow </li>
<li> Pampavole </li>
<li> Nakakuta </li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="India">
<header> India </header>
<p>
<code> Hello India</code>
</p>
<p>
<ul>
<li> Best vising season on November to January </li>
<li> The most populated country with many views </li>
<ul>
<li>Dheli</li>
<li> Gujrat </li>
<li> Kerala </li>
</ul>
</ul>
</p>
<br>
<section class="main-section" id="China">
<header> China </header>
<p>
<code> Hello China </code>
</p>
<p>
<ul>
<li> Visiting season on January to Febuary </li>
<li> The great Wall of china</li>
<ul>
<li> Bijing </li>
<li> Wuhan </li>
<li> Tibet </li>
</ul>
</ul>
</p>
<br>
</main>
</html>
css:
#navbar{
position: fixed;
height:100%;
min-width:300px;
width:300px;
top:0px;
left:0px;
color: black;
background-color:white;
padding:75px 0px;
}
@media only screen and (max-width:800px)
{
/* for mobile phones: */
#VD_logo{
position: absolute;
height: auto;
max-width: 300px;
width:300px;
top:10px;
left:0px;
z-index: 2;
}
#navbar{
position: absolute;
max-height:300px;
max-width:300px;
width:300px;
top:0px;
left:0px;
background-color:white;
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);
height:auto;
width:100px;
position: absolute;
top:18vw;
left:300px;
z-index: 2;
}
#main-doc{
position: relative;
margin-left: 0px;
margin-top:300px;
}
}
