Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Zizi Aymen, Congratulations on completing this challenge!
I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:
1.Improve the card overall look adding the rounded borders to the component and also the image using
border-radius: 15px
- Add rounded borders to the left side of the image with
border-radius: 15px 0px 0px 15px;
- Then do the same thing for the component but in the opposite borders
border-radius: 0px 15px 15px 0px;
✌️ I hope this helps you and happy coding!
Marked as helpful1@zizi-aymanPosted about 2 years ago@correlucas Hello Lucas Thank you for correcting my mistakes I will try to correct them. I have a question my monitor resolution is low 1366x768 and the design is 1440px, how I can make look like it, especially in the font? and again thank you for guiding me.
1 - Add rounded borders to the left side of the image with
- @Beans-InJeansPosted about 2 years ago
The style guide also provides a light-grey colour for the body text and 'PERFUME' text at the top!
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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