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

Product preview card with theme

Azhar 600

@azhar1038

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any opinion regarding accessibility and use of html schemantics elements is highly appreciated.

Also what do you think about the approach of handling theme?

Community feedback

ad-it-yaa 20

@ad-it-yaa

Posted

Though you did it as per design, that small innovation you invoked overstands!!

It would've been better if the color was still dark and looks like actual dark mode. Nevertheless, It's cool!

Great work!!

1

Azhar 600

@azhar1038

Posted

@ad-it-yaa Thanks! May I know which color you are referring to? The body of card or the background?

0
ad-it-yaa 20

@ad-it-yaa

Posted

@azhar1038 the background.

0
Azhar 600

@azhar1038

Posted

Hi @ad-it-yaa,

I have updated the colors! Please check and let me know what you think now.

0
Azhar 600

@azhar1038

Posted

Report says I should not use aria label with prices. Won't it confuse users to see two prices? What would be the better approach?

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