“Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.” Guys hope you’re doing well I have the above message coming over and over , does it mean I have not put the right id’s or not in the right place. I have tried even to make it not have space even removed capslock,
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your mobile information:
SM-G973F - Android 12 - Android SDK 31
Challenge: Build a Technical Documentation Page Project - Build a Technical Documentation Page
It looks like your code was too long to be ported over automatically. Could you share your code with us please? You can either edit your original post or reply and paste your code.
Please use the Preformatted Text tool (</> icon or CTRL+e) to create two sets of triple backticks and paste your code between them. This will ensure that your code displays correctly on the forum.
<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" />
</head>
<body>
<main id="main-doc">
<title for="title" name="title"> Technical Document</title>
<header><nav>
<div><ul class="nav-links">
<li>
<a href="#title" class="nav-links"> Home </a>
</li>
<li>
<a href="#about" class="nav-links"> About </a>
</li>
<li>
<a href="#Biography" class="nav-links"> Biography </a>
</li>
<li> <a href="#images" class="nav-links"> images </a>
</li>
<li>
<a href="#information" class="nav-links"> information </a>
</li>
</ul>
</div>
</nav>
</header>
<h1>Okiria Pius Developer</h1>
<section id="home" class="main-section">
<header id="home" name="home">home.</header>
<p> Many times people talk about developers but when you talk about the Korea this is a man who puts in his time his energy</p> <p>and it was willing to sacrifice men of the stage to complete the work he did and to other people is looked like it was nonsense but it had to manage his time and also create many areas where he could make money let us discuss this man point blank is a man of energy a man of output </p><p>We could sacrifice to find the use of time and in time it would make efforts to complete his work.</p><p> So it is useful sometimes you make a progress by understanding why things are putting that way when you correct the message and then look at the questions and then finally you will find it should be the correct suggestion or opinion .</p>
</section>
<section id="images" class="main-section">
<header id="images">images</header>
<p> If you look at that image it brings the impact of a person who is hard-working and compassed to achieve his goals in many ways this image will show You,</p><p> that a person can achieve many things when a man is calling on the phone is looking for peace in it when a person reaches a phone is looking on business so look at this photo and analyse how he was making use of science Everyday.</p><p>Sometimes people just get tired of reading, and they want to put into practice what they see And most expensive this can be achieved by looking at an image . </p><p>So images speak a lot about something for example if you look at the picture of a Woman sleeping and when You look at the eyes they Look Like watery You may start imagining this person may be a stressful Moments may be yeah they are Feeling not well in such a scenario just by looking at the picture so pictures speak a lot thatid1878 s WHY it's very very crucial to use a picture on your drawings on your instagram and even on your website </p><p>. So images speak a lot about something for example if you look at the picture of a Woman sleeping and when You look at the eyes they Look Like watery You may start imagining this person may be a stressful Moments may be yeah they are Feeling not well in such a scenario just by looking at the picture so pictures speak a lot thatid1878 s WHY it's very very crucial to use a picture on your drawings on your instagram and even on your website .</p>
</section>
<section id="about" class="main-section">
<header id="about">
about</header>
<p>
Okiria Pius is someone who loved science and practiced it daily.</p><p> Also the background of Oklahoma is something very important in education because when you start with a background that's why you see in this example IM trying to put the picture of occasional pias in this scenario and we are making this look more beautiful.</p> <p>When you combat with a bathroom whatid1878 S likely introductions make it very useful when you re talking to someone It is very useful to start with the introduction part by saying, my name's ....</p><p> So making the conversation effective it is very very useful for a person to use introduction because when you introduce yourself you give people your picture who you are and what they should understand about you so most likely the picture of you is your introduction.
</p>
</section>
<section id="time" class="main-section">
<header id="time">time</header>
<p>
☛ Okiria Pius
was born on October 15, 1931, in
Rameswaram, Tamil Nadu, India.</p><p><br><br>
☛ He served as the 11th President
of India from 2002 to 2007.</p><p><br><br>
☛ Okiria Pius earned a degree in
aeronautical engineering from the
Madras Institute of Technology and in
1958 joined the Defence Research and
Development Organisation (DRDO).</p><p><br><br>
☛ In 1969, he moved to the Indian
Space Research Organisation, where he
was project director of the SLV-III, the
first satellite launch vehicle that was
both designed and produced in India.</p>
</section>
<section id="biography" class="main-section">
<header id="biography">biography</header>
<p> <br><br> ☛ Rejoining DRDO in 1982,
Okiria Pius planned the program that produced
a number of successful missiles, which
helped earn him the nickname <strong>
“Missile Man.”</strong></p><p>
<br><br> ☛ Among those successes
was Agni, India’s first intermediate-range
ballistic missile, which incorporated
aspects of the SLV-III and was launched
in 1989.</p><p>
<br><br> ☛ He also played a
pivotal organisational, technical,
and political role in India's Pokhran-II
nuclear tests in 1998, the first since
the original nuclear test by India in 1974.</p><p>
<br><br> ☛ From 1992 to 1997 Okiria Pius
was scientific adviser to the defense
minister, and he later served as principal</p>
</section>
<section id="information" class="main-section">
<header id="information">information</header>
For more information,
check out
<a id="tribute-link" href="#">
<b>Okiria Pius Developer</b> on freeCodeCamp. [
<small>Developed by @<a href="#">
Kampala Uganda.</a></a>
</small>]
<small>also you can reach me on
<a href="tell:+256701960426">+256701960426</a></small>]
<a href="_mailto:okiriapiusicloud@gmail.com">Email us.</a>
</section>
</main>
</body>
</html>
I think I had an issue with this step as well. I spent 15 minutes staring at the code, until I finally realized one of the IDs was misspelled. Your code will not pass if there are any differences between header text and IDs.
That is because you have not enclosed your code within two sets of triple backticks, as I mentioned above. I will edit your post to do this for you now…
As for your code, you have duplicate id attributes in each of your section elements:
You must not duplicate any id attribute - they should always be unique to a single element in any HTML document. You will need to change or remove the header id attributes.
What is causing the .main-sectionid test to fail however is that stray full stop after the word ‘home’ in your header element.
I have the above message coming over and over , does it mean I have not put the right id’s or not in the right place. I have tried even to make it not have space even removed capslock,