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

calee6 110

@calee6

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


The challenging part was trying to make the image responsive.

Community feedback

@Mitko90

Posted

Hello, it looks really good.

I had the same problem as you with changing the image on mobile. I used the <picture> tag after searching through youtube for help.

You can check my solution Here to see how I did it.

Have a great day : )

Marked as helpful

0
P
Vivek 150

@tweetandcode

Posted

Looks good, this is an interesting approach setting the image as background with css. have a look at the <picture> tag, you can do responsive images with just html.

Marked as helpful

0
RazvanTSG 150

@RazvanTSG

Posted

It looks really good. In order to make it look more like the original design, I would have made the container less wide.

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