freeCodeCamp project done #4: A Technical Documentation Page

babib

ππšπ›π’ ✨

Posted on March 29, 2021

freeCodeCamp project done #4: A Technical Documentation Page

Hey there! I finally finished my fourth RWD project and I'm now ready to show you my work
Alt Text

CodePen Link

Impressions from the project

  • The first little obstacle I encountered on this project was thinking of the overall view of the page. Sure the user stories were provided but I didn't want to create something that has already been done. I wanted to go a mile extra
  • Then there was the color scheme. I think I need more tutorials on thatπŸ˜…. I always take a lot of time to brainstorm on that. I did not want to use, blue I see it everywhereπŸ˜….
  • Fixing the nav bar. I'd first used flex to display the nav bar and the main section side by side. That made it impossible for me to keep the bar stationary relative to the header so it does not scroll with the page. I had to refactor my code and use float instead. With that, I could use position:sticky to fix the nav bar relatively to the header.

    PS: This took time😏

That said, what are your impressions?

Also I am open to any questions and constructive criticism.😊

                                                πŸ’ž Babi
Enter fullscreen mode Exit fullscreen mode
πŸ’– πŸ’ͺ πŸ™… 🚩

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related