Product card attempting to utilize flexbox more than grid
Design comparison
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 helpful0@palmettophotoPosted almost 2 years ago@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
1Account deleted@palmettophoto I understand bro ✌️ you're welcome, a pleasure to help 🙃, greetings.
0 -
Please log in to post a comment
Log in with GitHubJoin 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