I'm facing an issue with a tile on my website that flips over upon hovering. I tried adding a button on the back of the tile, but it ends up hanging off the bottom. I'm unsure of how to position it below the paragraph on the back of the tile. Additionally, I'm having trouble centering the header of the tile. I attempted using
text-align:center;
but it doesn't seem to be working.
Here's the code I'm working on. If you run it and hover over the first black tile, you'll notice the text 'eternally rustled'. That tile is where I'm facing the issue. Any assistance would be greatly appreciated. Thank you.