Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML & CSS

James Uyi• 30

@kingjamesx

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


why is it not possible to style the container holding the 3 column. i tried giving it a border radius but it didn't work i had to style the box individually(for border-radius) .

Community feedback

Eric Salvi• 1,330

@ericsalvi

Posted

If you had a container around your cards and if you wanted to add a border radius around it, your cards are actually blocking the radius from appearing in its container. You'd need to add an overflow: hidden to the container so that the cards themselves show through.

Check out my take on this if you wanted to compare. https://ericsalvi.github.io/3-column-preview-card-component/ I feel that is one of the best ways to learn. Try it for yourself then after you submit your solution, checkout others to see how they implemented it.

1
Sergio Atreides• 265

@sergioatreides

Posted

I think you can actually give the round corner to the container, but the colored layers within it overlap the effect and cover it up.

0
kader• 0

@Kader-dev-fr

Posted

i got the same problem, i thought my html content was wrong but after reviewing again and again it was right so idk..

0

Please log in to post a comment

Log in with GitHub
Discord logo

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