NFT Preview Card Component

Hii everyone

this challenge was both fun and ... a bit challenging. and it was my second challenge a couple of question that i have are

1. the text in my p element looks bigger than the one in the design folder even though i am using the stated font size for paragraph which is 18px

2)the element that appears when hovering over the image doesn't cover the image under it perfectly. in spite of me trying width 100% and height 100% so i had to resort to position it absolutely incrementing or decrementing pixel by pixel until i was decently satisfied. is there an easier way to do this

3. is absolute positioning frowned upon? i feel a bit guilty when using absolute positioning instead if trying to align it with flexbox or grid.

4)i feel like i have already used too many divs is this normal or against best practice?