freeCodeCamp project done #4: A Technical Documentation Page

๐๐š๐›๐ข โœจ - Mar 29 '21 - - Dev Community

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
. . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player