Frontend Mentor - Product preview card component solution
Design comparison
Solution retrospective
The fact i could use what i have learned to achieve the project is what i am proud of. it might not be the best way to develop it but i could come up with something that makes me happy.
What challenges did you encounter, and how did you overcome them?At first thinking, it was a two-dimensional layout on the background so i used two divs but i could not achieve the design when applying css. but i had to think and make the image a background image and the width 50% for the desktop view and 100% for the mobile view that helped to solve it and i could apply css to the design and achieve what was given.
What specific areas of your project would you like help with?i used flex to get the write-up on the right side of the background but i will be glad to do it without using flex and achieving the same result.
Community feedback
- @scottyembertonPosted 3 months ago
Looks good! I followed along with Kevin Powell to create mine. I guess I could have postponed in posting to try it for myself, but I look forward to giving the future ones all me into them. One thing I learned that I will take forward in my future challenges is when given multiple sized pictures to allow you to show one or the other based on dimensions. I had no idea such a thing was possible, because like you mention about it being one size on a phone and another on a computer. I don't really have any suggestions that Kevin wouldn't say infinitely better, so I suggest you check him out on youtube. Great job and I hope it the future goes well for you!
Marked as helpful0@rough-diamond213Posted 3 months ago@scottyemberton thank you for the comment. i will check him out
0
Please log in to post a comment
Log in with GitHub
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