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

Frontend Mentor - Product preview card component solution

P

@rough-diamond213

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?

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

@scottyemberton

Posted

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 helpful

0

P

@rough-diamond213

Posted

@scottyemberton thank you for the comment. i will check him out

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