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

I've used some help from the youtuber @KevinPowell and other ressource

DMikaia 300

@DMikaia

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


I've found difficult doing the alignement of the shopping cart icon and the "Add to cart" text in the button. During the organization too I should've have made some little class like how @KevinPowell did it, so I won't be lost during some specific styling and proprieties. But overall I understood some of it and googled some that I didn't know how to do it. If you guys have some tips and tricks to share to improve my skills that would be great too, thank you !

Community feedback

@Mouradis

Posted

You can give the buuton disolay flex/ and align items center / justify contentent center and the margin right about 10px(or however you like)

Marked as helpful

0

DMikaia 300

@DMikaia

Posted

@Mouradis I'll note that and will try it on the next challenge, thank for the feedback mate

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