Build a Technical Documentation Page - User Story #4

HTML-CSS
1

Hello, fellow learners!

I am doing project #4 (Technical Documentation page). My goal is to make a copy of CSS Layout page. Of course, mine is unorganized and tasteless yet.

But I can not fulfill User Story #4, I have tried different things, like giving each header an id in each section or vice-versa. You can check out entire codepen. I know it is plain right now, haven’t finished writing CSS part yet.

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0.

Challenge: Build a Technical Documentation Page

Link to the challenge:

2

You’re missing special chars in your ids (e.g. :, ;)

3

Where should I put chars?

4 
<section class = "main-section" id = "position:_relative;">
    <header><h1>position: relative;</h1></header>

Note, that after that you’ll also have to adjust href in nav links.

5

I have carefully tried it couple of times. It won’t solve the issue.

6

You also have a typo in on of the ids

Example with fixes: https://codepen.io/jenovs/pen/abNMgJr?editors=1100

1 Like
7

Thank you so much jenovs!

8