Submitted over 2 years ago

Perfume Responsible Card

BrunoMoleta•700

@brunomoleta

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

How to switch images from desktop to mobile(or vice-versa) properly?

I put the first in the HTML and, when it hit width>40rem I hide it, showing the mobile version with a :beforepseudo-element.

Though I know it's not good because, on the mobile, the image won't be accessible to screen-readers.

Can you give me a review related to that, please?

Best regards from Brazil :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on BrunoMoleta's solution.

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