Responsive NFT preview card component

What are you most proud of, and what would you do differently next time?

Nothing special.. but I think my work can correspond to all screen widths.

What challenges did you encounter, and how did you overcome them?

I wonder how to make the card responsive and at the same time how to keep the same ratio of the desktop size. So I used vw to correspond to all device widths.

What specific areas of your project would you like help with?

First of all, I'm not English speaker, so please understand it.

I want to know that my coding style in HTML, CSS is acceptable in real work. I'm in web publishing work, and my direct boss told me your style is a bit strange. I don't know where the problem is.

And also, when we build some responsive design, if the width and height of the body or section is full of the screen as they are now, if properties that are not flexible as vw/vh (such as font-size), there is a risk that the text will be pushed out and the content will go out of the screen height. But at the same time, I wonder if it's right to work with vw/vh like what I've done this time.

Thank you for your answer.