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 component

Milan 120

@pjevic

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Adriano 34,090

@AdrianoEscarabote

Posted

Hi Milan, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

For the user to know that an element is clickable we need to use the attribute, cursor with the value pointer.

button {
    cursor: pointer;
}

I noticed that you made your entire code using divs! this is not a good practice since div has no meaning, to improve the structure of your code we can use semantic elements that have meanings, not only for us who are developers, but also for screen readers, that is, a person who uses tools to browse the web, can better understand the content if our code is well written with semantic tags and some other features to improve accessibility!

The rest is great!

I hope it helps... 👍

Marked as helpful

0

Milan 120

@pjevic

Posted

@AdrianoEscarabote Hi, Adriano! It's good to hear from you! I was actually looking at your page earlier! I noticed I forgot to implement the active state, then I made a change - but I'm so new with git that I have no idea where that change went, it's certainly not visible at GitHub. I guess, I should work on that, too. :)

Thank you for your time.

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