User Story $4 Technical documentation Page

HTML-CSS
1

Tell us what’s happening:
I’m having trouble with user story #4. When I get it wrong and check the error message it’s saying that I need to put _ in my h2 and p tags for some reason

Your code so far

        <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>How To Build A Computer</title>
</head>
<body>
    <h1>Building Your First Computer</h1>
    <main id="main-doc">
        <section class="main-section" id="Planning_YourComputer">
            <header>
                <h2>Step 1: Plan what you're using the computer for.</h2>
                <p>First you need to know what you're using your computer for. 
                    Are you gaming? Maybe just office use? Or maybe you want to give it to a 
                    kid for their birthday? Then you need a budget, how much are you willing to spend? 
                    If you're gaming $1000 or more can get you a really nice PC. While if you're just
                    getting a pc to browse the internet and minor programs $800 could be a decent budget for you.
                </p>
            </header>
        </section>
        <section class="main-section" id="Buying_Components">
            <header>
                <h2>Step 1: Plan what you're using the computer for.</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum aliquam perferendis fugit porro, minima earum ipsam tenetur, repellat ullam soluta nihil dolor nulla explicabo beatae vero, tempore a tempora optio.</p>
            </header>
        </section>
        <section class="main-section" id="Building_The_Computer">
            <header>
                <h2>Step 1: Plan what you're using the computer for.</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum aliquam perferendis fugit porro, minima earum ipsam tenetur, repellat ullam soluta nihil dolor nulla explicabo beatae vero, tempore a tempora optio.</p>

            </header>
        </section>
        <section class="main-section"  id="Running_Computer">
            <header>
                <h2>Step 1: Plan what you're using the computer for.</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum aliquam perferendis fugit porro, minima earum ipsam tenetur, repellat ullam soluta nihil dolor nulla explicabo beatae vero, tempore a tempora optio.</p>

            </header>
        </section>
        <section class="main-section"  id="Extra_info">
            <header> Extra Info
                

            </header>
        </section>
    </main>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36.

Challenge: Build a Technical Documentation Page

Link to the challenge:

2

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like
3

Ok sorry about that.Thank you

4

Please the link to CodePen (if you use it)

5

this? https://codepen.io/richpatt12/pen/MWeBqEa

6

Yes. I will see the code

7

Is this a Tech doc ?

8

yes it is and im struggling with user #4

9

Why you didn’t add CSS ?

10

I didn’t add any css because I was just focusing on my html at the moment

11

(e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

You have to add a title in the header tag and should have id using its title name. like the example given above.
in every section.

12

It’s still coming up as a error I’m just going to rewrite the code to see if I find a error

13

Hey @rpatt as @codely mentioned you are suppose to add id to each section which should contain the same text as the header innerText BUT you have sooo much text inside header you are suppose to just add a heading text inside the header but you have added a <h2> and also a <p> tag. Take out that <p> tag from header and keep in just inside the section

2 Likes
14

ooh ok I figured there’s too much text. I’ll try that