Product preview card using HTML, CSS

Solution retrospective
- I am unsure about the HTML markup that I have used. Would love to get suggestions on ways to improve it.
- For the content, it seems that justify-content does not work on elements with display block property. Would love some suggestions or insights regarding this.
Any other suggestions or advice is appreciated. Thanks.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @accamamuhammad
- The image and the other container (text container have the same height and width)
- Use padding to make your content look better
- Use *{margin: 0, padding: 0 } (to remove all preset margins and paddings)
- Use row gap to instead of margin to space horizontally placed elements equally
- justify-content works with "display: flex"
- Use "Position: absolute" & "bottom: 0" to place attribution at the bottom
Marked as helpful
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