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

Amdrew 40

@AmdrewMG

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


Any opinions or corrections would be very helpful, I was thrilled to be able to finish this challenge. I made some modifications to what has already been mentioned to me

Community feedback

Account Deleted

on your desktop layout in a class .text{} you declared for best practices used padding instead margin what I mean about that is if you want to add spaces inside of the box model which is your .text{} class used padding and if you want to add spaces outside of the box model used margin.

on your mobile layout in the .text{} class you forgot to add gap

Marked as helpful

1

Amdrew 40

@AmdrewMG

Posted

@okayda Okay, I have to check then and in the mobile part place you the gab. I will go back to review those parts of the code to correct it. Thank you!

0

@ralvarezrenzo

Posted

Hello I look good in desktop mode, but in mobile mode you need to add paddings to the elements, the lack of this makes the elements look pasted. Greetings, happy day.

Marked as helpful

1

Amdrew 40

@AmdrewMG

Posted

@ralvarezrenzo Hi! Thanks for that! I'll fix that and upload again

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