DEV Community

Discussion on: Hooray! I Created my First Portfolio! 📂🎉

Collapse
 
sufyaan323 profile image
ShadowNinja

In your CSS file, you can add the following to remove the X-axis scroll bar that appears at the bottom of your blog page:
body
{
overflow-x: hidden;
}

Collapse
 
madza profile image
Madza

Thanks for noticing! 👍 Fixed it 😉

Collapse
 
sufyaan323 profile image
ShadowNinja

@madza As a homework, I think you should try changing the y-axis scroll bar colour in the blog page into one that meets the theme of your website.

Thread Thread
 
madza profile image
Madza • Edited

Good point 😉
At one time during dev I actually styled them the way you described, but I switched back to classic style as they were pretty hard to notice 😀😀
You can still find them used in this post, for example, where I use them as X-axis scrolls for code snippets.
I just commented them out for the main Y-axis, the code is still there and I might use it again if I change my mind 😀😀

Thread Thread
 
madza profile image
Madza

@ShadowNinja just deployed the custom Y-axis scrolls, so you could take a look 😉 Curious, do you think they look better like this? 👀

Thread Thread
 
sufyaan323 profile image
ShadowNinja • Edited

Definitely looks better but it needs to be more lighter; I could barely tell its there.
Isn't there any way to make it lighter?

Thread Thread
 
madza profile image
Madza • Edited

Yeah, that was the initial reason I switched back. 😉 But I will take your advice and try to experiment with some lighter shades like #576180 from my color palette described in this post 🎨
Thanks a lot for the input, helped a lot 🙏💖