Hey everyone,
I just finished the technical doc exercise and would love any feedback. Two bugs I know of but I’m having troubles fixing are:
- On mobile the menu doesn’t stick to the top like it does on a small desktop browser
- On mobile the ‘pre’ text overflows it’s background
https://waltmurray.github.io/FCC_RWD_TechDoc/
Let me know what you think! Thanks
1 Like
Hey waltmurray,
First congrats on finishing this exercise !
The first bug is due to the pre
element that is overflowing on the page, as it’s overflowing it uses the width it needs to display entirely
You can fix both of your issues with those two lines of CSS:
white-space: pre-wrap;
word-break: break-word;
You’ll have to apply both of them on the pre
element
Cheers,
1 Like
Great Job!
I really like want you did with the project.
1 Like
Thanks, that fixed the pre issue . Turns out the mobile issue was actually because of no support for position: sticky. I had to add position: -webkit-sticky for it to work on my iPhone.