I'm working on reorganizing my personal site hosted on Neocities, and I'm facing some challenges. I've managed to get three parts of the site functioning just the way I want, but I'm struggling with the fourth page. The issue is that the hexagon buttons on this page are currently positioned at the bottom, and I want them centered in the middle of the page, as the back button overlaps them. I've tried various methods, including adjusting paddings, rewriting the code multiple times, and even using a flexbox approach, but nothing seems to work. I could use some guidance from someone familiar with CSS to help me fix this problem!
1 Answer
To center buttons like yours, try using a flexbox container. Set the container’s height to `100vh` and apply `justify-content: center` and `align-items: center`. This should align your buttons both horizontally and vertically. It's a solid approach and could solve your issue!
I've attempted that, but something is still off. I thought I was just overlooking something after working on it for a week! I built each part separately, which has made it easier to tweak them, but now I wonder if that's complicating things instead.