Skip to content
Submitted 7 months ago

Responsive Product-Preview-Card

Victor•1,260
@VictorKevz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am really happy that I am now paying close attention to design details! I believe I was able to get my solution very close to the original design. I experimented with both mobile-first and desktop-first approaches and still achieved the desired result! So I am glad that I am finally understanding responsiveness, but I also know that I still have a lot to explore and enhance my skills. 💪🏽

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

None

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

Any feedback on how I can improve is welcome.🤗

Community feedback

  • ha308ing•90
    @ha308ingPosted 6 months ago

    very close to the design file 👍

    you can use picture and source elements to not to load 2 images for mobile and desktop, but only one relevant image. take a look: web.dev link

    1

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