Submitted over 2 years ago

Responsive product card with HTML/CSS/JS (interaction with button)

Alina•170

@electr0space

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

Hello amazing community! 👋

I'd like to ask you a question: what are your solution for displaying one image for desktop and another for mobile?

Decided to simply go with :

.mobile-img {
    display: none;
}

@media only screen and (max-width: 745px) {
    .desktop-img {
        display: none;
    }
}

What do you think? 😅

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Alina'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