In my About Me section, I’m trying to add a sticky sidebar containing links to my social media. All the other content in the section is set to absolute, but is still getting messed up when I add the sticky sidebar. What am I doing wrong/ how can I fix this?
I moved the sidebar I was using to the very bottom of my resume page, if that’s useful in any way.
Help is greatly appreciated!
Here is my site Read-Only: LINK
Love the clean design
- There’s no need for any element next to a sticky element to be Absolute positioned.
- Where is your sticky sidebar? it is not there anymore
- Your grid element in that section contains only 2 children - this means yo don’t need grid for that. Flexbox will be much suitable and easier to define.
Check this out:
Ah, that makes sense.
Changing my grid element to a flexbox helped solve some layout problems, but I’m still unable to align my sidebar to the right side of the page. Here’s a new link: Website
The sidebar should be right in the center of the About Me section.
Thanks so much for the help!
I think those problems are because of grid positioning leftovers.
Try to delete all the elements and classes of this section, and re-build it with flexbox.