Design comparison
SolutionDesign
Community feedback
- @Agnik7Posted over 1 year ago
Hi,
Hope you are doing well. Congratulations on completing this challenge!! I have some suggestions that might interest you and help you improve your code.
- Instead of absolute units like
px
, use relative units likerem
orem
. This will make it easier for the dimensions to adjust themselves based on the screen size. - The overall width of your card component is perfect, however, on comparing with the design, I feel that the only difference created is due to the margins being different. You can try replacing the margin-top value by 1.5rem.
Replace margin-top: 20px; with margin-top: 1.5rem;
Hope these suggestions are helpful to you. If you feel that I conveyed some wrong information, please feel free to correct me.
Have a nice day!!
Marked as helpful0 - Instead of absolute units like
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