# Technical Documentation Page - Build a Technical Documentation Page **URL:** \ **Category:** Curriculum Help\ **Tags:** html, css\ **Created:** [October 19, 2022, 4:00pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584 "2022-10-19T16:00:47Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![carolyn.viviana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/carolyn.viviana/32/286887_2.png) [@carolyn.viviana](https://forum.freecodecamp.org/u/carolyn.viviana)\ **Post date:** [October 19, 2022, 4:00pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/1 "2022-10-19T16:00:47Z")
**Tell us what’s happening:** You should have the same number of `.nav-link` and `.main-section` elements. Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text “Hello world”, the page navigates to a `section` element with that id). Your Technical Documentation project should use at least one media query. **Your code so far** ```html
Create an Account
  • Schedule a time with us!

    • Create an account with us today in order to book an appointment.

    Plus, you will gain access to exclusive promotions.

    Account
    Meet Our Stylists
  • Our top stylists

    • Yolis is our founder and master hair colorist.

    Nico is our haircut expert.

    Our Stylists
    Book an Appointment
  • Let us make you feel beautiful!

    • Click on the Calender to view available appointments.

    Select your stylist from the available time slots

    Appointment
    Contact Us
  • You can contact us throught the following methods:

    Our phone number is 555-6849

    Email us at colorexpertsbeautysalon@gmail.com

    Contact Us
    • ``` ```css /* file: styles.css */ h1 { font-weight: bold; } p{ } @media (max-width:1576px){ #navbar {width: 375px} } ``` **Your browser information:** User Agent is: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36` **Challenge:** Technical Documentation Page - Build a Technical Documentation Page **Link to the challenge:** > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page)** > > Learn to Code — For Free ---
    **Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\ **Post date:** [October 19, 2022, 4:05pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/2 "2022-10-19T16:05:19Z")
    > [@carolyn.viviana](#): > > ```auto > > > > > ``` first problem is you have not included a link to the stylesheet (the exercise I believe mentions this is a requirement) Second issue I noticed: your nav links are missing the hashtag that will make them work internally to the page eg. ```auto href="Gallery" ``` this will not link anywhere. Add # to it so it links to the id #Gallery. ---
    **Author:** ![carolyn.viviana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/carolyn.viviana/32/286887_2.png) [@carolyn.viviana](https://forum.freecodecamp.org/u/carolyn.viviana)\ **Post date:** [October 19, 2022, 4:08pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/3 "2022-10-19T16:08:39Z")
    Thank you! Do you know why it’s saying i dont have the same amount of .nav-link and .main-section elements? i see five of each. ---
    **Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\ **Post date:** [October 19, 2022, 4:09pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/4 "2022-10-19T16:09:05Z")
    try fixing the 2 points mentioned then repost your code here and I will investigate it further ---
    **Author:** ![carolyn.viviana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/carolyn.viviana/32/286887_2.png) [@carolyn.viviana](https://forum.freecodecamp.org/u/carolyn.viviana)\ **Post date:** [October 19, 2022, 4:29pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/5 "2022-10-19T16:29:14Z")
    ```auto
    Create an Account
  • Schedule a time with us!

    • Create an account with us today in order to book an appointment.

    Plus, you will gain access to exclusive promotions.

    Account
    Meet Our Stylists
  • Our top stylists

    • Yolis is our founder and master hair colorist.

    Nico is our haircut expert.

    Our Stylists
    Book an Appointment
  • Let us make you feel beautiful!

    • Click on the Calender to view available appointments.

    Select your stylist from the available time slots

    Appointment
    Contact Us
  • You can contact us throught the following methods:

    Our phone number is 555-6849

    Email us at colorexpertsbeautysalon@gmail.com

    Contact Us
    • ``` ---
    **Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\ **Post date:** [October 19, 2022, 4:31pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/6 "2022-10-19T16:31:46Z")
    I’ve edited your code 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](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif) See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard. **Note:** Backticks (`) are not single quotes ('). ---
    **Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\ **Post date:** [October 19, 2022, 4:32pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/7 "2022-10-19T16:32:39Z")
    > [@carolyn.viviana](#): > > `Main Menu` this is supposed to be a link? ---
    **Author:** ![carolyn.viviana](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/carolyn.viviana/32/286887_2.png) [@carolyn.viviana](https://forum.freecodecamp.org/u/carolyn.viviana)\ **Post date:** [October 19, 2022, 4:35pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/8 "2022-10-19T16:35:48Z")
    Oh i see. That wasn’t supposed to be in there. Thanks for the help 🙂 ---
    **Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\ **Post date:** [April 20, 2023, 4:35am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/564584/9 "2023-04-20T04:35:49Z")
    Closed on April 20, 2023, 4:35am UTC This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.