Mobile First | NFT Card

Hey there, I think it's a great looking solution! Regarding the divs, you seem to have 2 of them that aren't very necessary: the "wrapper" (all its styles could be just applied on the body, thought I'd change the height to min-height) and the "main-title" (I don't see a reason why the title and the p needs to be wrapped, as you're not using them for positioning or styling its children).

Apart from this there are a few things worth mentioning.

1. You're using a h2 for your title, which is the only heading in this challenge. You should either use an h1 here or if you're thinking of this component as a part of a bigger design, you could place a screen-reader only h1 at the top: that would still function as a landmark but wouldn't be visible to the average user. If you google sr-only classes, you could find some great examples on how this might work!

2. For the alt text of the creator, "Jules Wyvern" would be a better choice (your aim here is to be descriptive, and "Avatar" doesn't tell much to people who don't see the image ^^).

3. You're missing the hover from the Equilibrium image!

4. I know we were just talking about having too many divs but if you change your html (main-info section) slightly and wrap the p tag and the tiny ethereum/clock image (or their spans) in a div, you could apply display: flex and align-items: center on them, so they'd be better aligned ^^

5. Adding custom focus indicators would be great! MDN has a very helpful article about this, since I've read it, I try to pay attention to this in all my projects. In my solution to this challenge for example, I added focus indicators that match the cyan colour you use for hover states. They're a lot more visible than the default focus and they look quite fun :)

Apart from these, your solution is almost pixel-perfect and your box-shadow is really lovely! Well done!