Day 15

Day 15 - Technical Documentation page on desktop

Started the FreeCodeCamp Responsive Web Design Project, Build a Technical Documentation Page.

I submitted the Product Landing page and began working on the Technical Documentation page.

You can view my progress and my code on CodePenĀ here. The original page that I need to replicate as part of the challenge isĀ here.

What I have done:

  • So far I have added in the HTML tags to the page (I will probably be dreaming in <p> tags!) and have added the CSS styling to the document.

What I have learned:

  • I am now working on the media query so that the navigation menu will display across the top of the page. At the moment the navbar element is showing across the top of the page but the <li> element is still displaying on the left-hand side. You can see this in my screenshot below.

Technical Documentation page - mobile view

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.