Design comparison
SolutionDesign
Community feedback
- @walkerbb216Posted 5 months ago
For the prices, you can get rid of justify-content: center and just the gap property to create spacing between them. This way it's still aligned to the left like everything else. You can also use the gap property on the button icon and text. For 'Perfume', margin-top / margin-bottom would be better so it's not out of alignment with the rest of the content. Setting the image's width to 100% and the height to auto will allow it to fit into the outter card div's size and you can add padding to the content without messing anything up.
Marked as helpful0
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