Technical documentation page challenge: Sidebar

Technical documentation page challenge: Sidebar
0

#1

Still struggling with the sidebar. Any idea on how I can make it look…like an actual sidebar (like the one on the example page, for instance)? Here´s the code:


#2

have you considered using css grid to organize the page into columns?


#3

Thanks for the reply. I´ve tried using flexbox on the Navbar, but it still looks awful. How would Grid improve the situation here?


#4

I was suggesting you organize the body of your html into columns. Left column for the navigation and right for the content. (btw. you forgot to add closing tags in places in your html, you might want to double check that you are writing valid code)

Using grid will allow you to assign a certain amount of space for each column and keep the information neat.


#5

Thank you. I´ll try that.