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 card attempting to utilize flexbox more than grid

@palmettophoto

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


Attempted to use primarily flex for this challenge and I really stumbled. Any feedback welcome as I am just starting with code.

Community feedback

Account Deleted

Hi... congrats on completing this challenge. 🥳🎉

Your solution is very good, but I don't understand why you say you stumbled with flex if it turned out perfect 💯.

Here some tips to improve your html code 🧱:

  • You can use the <picture> tag for this challenge.

    The picture tag helps us provide versions of the same image but in different resolutions, saving bandwidth and speeding up load times. More info here

I recommend that you add your reset to a separate file in order to have your projects very well modularized.

Your solution is very good, and don't say you stumbled, for me your solution is excellent 💯🚀.

I hope I have helped something. 🙃

Happy coding! ✌️

Marked as helpful

0

@palmettophoto

Posted

@FLCHRIS thanks for the kind words and advice Christian. I think I say stumbled because I'm used to having command of the tools I use from my other career/skills ( I used to be an open heart nurse and then I began directing political commercials & marketing) yet with code i feel like im shoving a square peg in a round hole sometimes but I love trying to solve the puzzle!

I actually tried <picture> on this one but couldn't get it to work so I'll revisit. Thanks again for the positive & helpful comment. Tad

1

Account Deleted

@palmettophoto I understand bro ✌️ you're welcome, a pleasure to help 🙃, greetings.

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