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

Responsive product preview card using flexbox

Raptor0x1 210

@Raptor0x1

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


What are you most proud of, and what would you do differently next time?

This time around I build the component for mobile and then changed it for desktop using media query. Maybe next I'll try to add support most types of device sizes.

What challenges did you encounter, and how did you overcome them?

I was coding the component for mobile first approach. So took me some time to understand what I have to do. It was way different than what I am used to. Just kept patience and tried to using different methods. Asked some questions in the discord community.

What specific areas of your project would you like help with?

If someone could point out better methods than I used that would be helpful.

Community feedback

@Habonyousuf

Posted

very good , good job.

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