Design comparison
SolutionDesign
Community feedback
- @Roman-oryolPosted about 1 month ago
Great solution for overlapping cards at the transitional size. You could add a bit of semantics to the markup, such as headers in the cards and on the page. I think the images in the cards could be set as background images since they are more decorative than informative. The colored border of the cards is created using the border property, which results in rounded edges, not matching the design. To fix this, you can create the colored stripe with a pseudo-element without rounding, and set overflow: hidden on the card itself.
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