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

HTML and CSS

Nasimβ€’ 20

@nasimabhari

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


This is the second project I've done on frontendmentor. I'll be glad to hear any helpful advices!

Community feedback

Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

Hello Nasim Abhari ! Congo πŸ‘ on completing this challenge

Let's look at some of your issues, shall we:

happy CodingπŸ˜€

Marked as helpful

0
Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Hey nasimabhari, good job completing this challenge. Keep up the good work

Your solution looks good however I think your card needs to be scaled up a little bit. You can achieve this using transform: scale().

In terms of your accessibility issue simply wrap all your content between <main> tags to get rid of the accessibility issues.

I hope this helps

Cheers Happy coding πŸ‘

Marked as helpful

0
Oldβ€’ 6,220

@Old1337

Posted

hi there,

  • add to the main-div padding 10px;

  • headings should increase by one use h1 first then h2 etc..

i hope this is helpful and goodluck

Marked as helpful

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