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

Product Preview Card Component using Flexbox

P

@ygabdn29

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


  1. Which is better when we want to create a responsive web pages, to build the desktop design first or to build the mobile design first?
  2. I think I have a lot of improvements to do regarding my HTML and CSS, especially in media queries and the usage of flexbox. I hoped that maybe from my submission, there will be some general pointer in which I can go or learn further for my own progress. Thanks a lot for any feedback.

Community feedback

@arogersrenee

Posted

I general go with the mobile first approach. It's easier to build upon rather than takeaway if you start with desktop.

0

P

@ygabdn29

Posted

@arogersrenee Thanks for your input. I guess for the next challenge I'll try to do mobile first.

0
Caelus 520

@Caelus111

Posted

In general, your code looks fine!! but for the responsiveness of the layouts, I recommend watching Kevin Powell, he gives some nice advices to make your layout more lively!!

0

P

@ygabdn29

Posted

@Caelus111 Thanks for the feedback! I'll check Kevin Powell for sure later.

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