Technical Documentation-feedback CSS Selectors

Code Feedback
1

Hello everyone,

I’ve just completed my technical documentation page. I would love some feedback and constructive criticism. link: https://codepen.io/jaymill/full/XWpdvYm

Thanks in advance.

2

the page looks good on large screen but when i turn down the size the navbar goes on top and covers most of the screen. If you use media query selector to make the nav links align in row for smaller screens, this will make it look more pleasant.

3

Your page looks good @jahson8. Some things to revisit;

  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s). Try and keep selectors together as it will help with maintenance.
    • (The one for HTML misses things which is why I recommend W3C)

A suggestion. You don’t have to do it if you don’t want.
Google something like css smooth scroll and see what it can do for you.

4

Thanks for the feedback @Roma. That scroll behaviour property is exactly what I needed.

1 Like
5

Good deal! I thought you might like that.

6

I appreciate the feedback. I see what you’re talking about when the phone is in landscape mode. However, I’m not sure if the solution you suggested works in this instance. Thanks for bringing it to my attention though; I’ll keep tweaking it to see if I can make it better.

7

looks really nice. a sticky nav bar for mobile screens would be a good feature

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.