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 Soultion

Adhi 240

@Adhi-S12

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?

I found out where I waste too much time, Next time I can take less time not having this problem

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

I forgot that I set a max-width for the card component and I forgot that flex defaults flex item to shrink, this simple mistake made me waste a lot of time. My image inside the flex container was not stretching to fill the container. The real reason was due to max-width set on the container, the flex shrink property on the flex item comes into effect and it was shrinking and not filling up the space. It was such a simple thing but for some reason, I didn't catch it and took way too much time on this challenge.

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

.

Community feedback

Abdi 190

@abdizahir

Posted

tnx

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