Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NTF preview card mobile first design using HTML and CSS

arunbabunt• 270

@arunbungalowil

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Alexander Romero• 180

@AlexanderTejedor

Posted

Hello, my friend! 👋 I like what you did! Here are some tips and details that might be useful to you:

  • First, there's a small error in the responsiveness. While it is being modified at 1440px, as you resize the page from 700px to 1440px, the container keeps expanding. I recommend changing the @media breakpoint from 700px to ensure it scales perfectly without errors, or create another one for tablets. 📱

  • Second, you missed the hover effects on the title image and the creator's name. I recommend adding and implementing them; it will make your card look nicer. 💎

That's all. I hope you can improve it and keep learning. Best of luck! 💪

Marked as helpful

0

arunbabunt• 270

@arunbungalowil

Posted

@AlexanderTejedor Thank you so much for your valuable feedback and tips! I appreciate you taking the time to point out the errors and suggest improvements. I will definitely adjust the @media breakpoint from 700px and look into creating another one specifically for tablets to ensure the container scales perfectly across all devices. Also, I’ll add the hover effects to the title image and the creator's name to enhance the visual appeal of the card. Your insights are incredibly helpful, and I'll make sure to implement these changes. Thanks again for your support and encouragement!

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord