Technical Documentation Page - CSS Flex

HTML-CSS
1

Tell us what’s happening:
Hello, I have a question regarding the technical documentation page challenge.
I tried using css flex and it was going well until I had to fix the navbar at the top. I tried using position: fixed; but that just messed up the whole layout. Maybe I will have to redo the whole project without using css flex but maybe you can help me if I can fix it. Thank you in advance

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:

2

Put position:fixed on the navbar, and position relative on the main body. Then set a left of 250px on the main.

3

Thank you for the help! The layout looks much better now.