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

NFT - Preview Card

@WesleyKaihara

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How can I resolve the small responsiveness error, or in a real case it wouldn't affect it?

Community feedback

@dayumsam

Posted

Great effort! you should try using semantic tags like <main> <header> <footer> instead of <div> which do not tell the browser about the content.

In your project for example you can replace the element with class Prices_NFTs to a <main class="Prices_NFTs"> instead of div.

Keep up the efforts!

Marked as helpful

0
MatiX 360

@MatiX221

Posted

Card is small on small screens bc you set card with as 20% so if screen has 200px card will have 40px. You can set card width as something like 20em and if card is too large on small screens just set max-width: 90% or so

Marked as helpful

0

@WesleyKaihara

Posted

@MatiX221 thanks, i will make the changes in my project

0

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