Skip to content
Submitted 3 months ago

Responsive with mobile to desktop approach

Hiren Tumbadiya•110
@HirenTumbadiya
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Creating a clean, responsive design with consistent styling using CSS variables. Improve accessibility

What challenges did you encounter, and how did you overcome them?
  • Handling responsive image switching and layout alignment, solved using media queries and flexbox.
What specific areas of your project would you like help with?

I am working on nextjs full stack project.

Code

Please log in to post a comment

Log in

Community feedback

  • Langlois Titouan•80
    @LostProcessor

    Your h1 element is green but its black in the design provided. I see that you took the liberty to change the cart icons as well and it looks nice.The mobile version is perfect in my opinion. Cheers

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