Technical Documentation Page - feedback (CSS Grid)

Code Feedback
1

I’m wrapping up my Technical Documentation Page and would love some feedback.

  • I’m a huge CSS Grid fan and besides doing a grid documentation page, I also built the page with Grid. Initially, I wasn’t sure if it was the best use case for Grid but feel like my learning curve has been helped by not just seeing what’s cool about Grid but also running into its limitations. Having said that in order to have the Grid display properly I had to use display: contents which has limited support:

https://caniuse.com/#search=display%3A%20contents

So if you’re viewing it and the navigation is layered over the main text, it’s probably due to the limited support for display: contents. At this point, I don’t think it makes sense to start from scratch on the project.

Here’s the pen:

https://s.codepen.io/TheSharpReport/debug/dqjKOZ/PNkvYGyyQnDA

Thanks in advance for giving it a look!

2

Error is all I can see

3

Thanks for taking a look! It would help me if you could pass along if you’re on mobile/desktop and what browser/version you’re using. And if you have a minute, it should display properly on desktop with the latest version of Firefox, Chrome, and Safari.

Thanks!

1 Like