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 Component

Joseph Folaβ€’ 590

@Fola-Joe

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


All feedback is welcome. Thanks!

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey there, Olorundami Joseph! πŸ‘‹

Congratulations on completing your first Frontend Mentor challenge! πŸŽ‰ Great job on this one! πŸ‘

A couple of things I'd like to suggest are,

  • Avoiding using px for setting the value of font-size in your styles. Instead, use a responsive unit such as em or rem so that users will be able to change the size of the text in your site by changing the default font-size of their browser. It might also be worth setting the values for other properties such as margin or padding in those units so that your entire site will scale with the user's chosen default font-size. If you'd like to learn more about those units in CSS and how all of this works, check out this helpful video on the topic.
  • Perhaps adding some more descriptive alt text to the images in this card component. That’s because alt text is read by screen readers to describe images to users, so it’s important to write alt text that makes sense and will give users a good sense of the content and purpose of an image. If an image isn't important/necessary for the content of the page and could be ignored by screen readers, then just leave the alt text blank instead. πŸ˜‰

Hope you find these suggestions helpful. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

3

Joseph Folaβ€’ 590

@Fola-Joe

Posted

@ApplePieGiraffe Thanks so much. Very much appreciated!

1
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

@Fola-Joe

Happy to help! 😊

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