NFT-Preview Card Component

@Glozsa hi there 🙌

Yeah, I‘ll work this out. Thx, much appreciation 🙏🏽

@Glozsa hi, alright. I fixed the border-radius issue. But I don't know what you mean I should have lang=en inside the html tag? It's already in there ('wondering!!!'). Can you please make a screenshot that it's not inserted? That would be nice! : - )

Best regards, AkraDEV

@TayAki79 sorry, got confused. I meant that instead of the H2 you have there, an h1 would be more appropriate. Sorry haha :D

@Glozsa ah alright! haha, but can you see the lang="en" value?

@TayAki79 yeah yeah, sorry you got that right

@Glozsa haha ok, thx man.

@xyzeez hi. Appreciate your feedback a lot. I‘m at work right now but can’t wait to apply what you recommend ☺️🙏🏽

@xyzeez Alright. I'm back home now. I changed the header-tag to a div-element as you say. The reason I put the hero-img in the css-file was because I didn't find any way how to keep it in the html-file and still can put the overlay on it. That's why I said it took me more time to style the hover state than actually building the page. But what I wanna try is to change the regarding elements into clickable elements. That was recommended by Grace on slack in the Frontend Mentor Channel.

Concerning the measurements in the body-element I just read an interesting article by Dave Gray of freeCodeCamp where he talks about best practice of applying width and height to a webpage. You can read it here.

What's your opinion on this?

Best regards, AkraDEV

@TayAki79 As regards the hover state of the image, you in the container that has the image, you can have another empty div below it like this:

<div class="container">
 <picture> //Here you have the image// </picture>
 <div> //Here is the empty div for the hover state// </div>
</div>

With this, you can use CSS to make the empty div cover the image by setting its position, width and height. See How

As regards the body height, I'm talking in respect to this challenge and the approach you've taking. We all learn in this process. Thank you!

@xyzeez Oh you mean, I can stack the img and overlay on one another. OK. I didn't new that "picture" is also an html element =D ! I will try this on my next challenge since my solution is still working well for now. But you got it right. There's so many ways to catch up on the same target and I'm still far from being a good and clean coder. That's why I appreciate all of your feedback so much and do my best to become a real pro in this game. So thank you and all of the others here.

If y'all want to, please hit me up on twitter, linkedIn etc.

Peace, Love and Code