3 column preview card component using CSS grid

Solution retrospective
Hi, this is my 3rd project on frontend mentor. I used CSS grid for the responsive design. Somehow I could not make the container rounded.
I appreciate your feedback! Happy coding🙌
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Njoura7
Hello, good job for this project You might want to read the comment below of @stijnmeershoek it's a good tip, And secondly you might add a position absolute for the buttons and postion relative for their parents and then add bottom:10px (that's what i did) so that the button stick in the same position no matter what is the size of the view. Hope it was helpful :)
- @stijnmeershoek
To make the container rounded you would need to add a border radius, and then also add overflow: hidden to clip the content with the border radius. And to make overflow hidden work you need to specify a width and height. Example below
.container { width: your width; height: your height; overflow: hidden; border-radius: ?px:
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