Submitted almost 3 years ago
Responsive Three-column-preview-card-component
@ali0120
Design comparison
SolutionDesign
Community feedback
- @davidbdyerPosted almost 3 years ago
Your border-radius isn’t correct when the cards go vertical. Looking at your code, the section tag should probably be a main. It’s semantically not a section.
.card--container { display: flex; border-radius: 10px; overflow: hidden; }
This will apply the border-radius and works better than styling the individual cards with a radius. Then just remove where you implemented border-radius on the individual cards.
1
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