Submitted almost 3 years ago
3 column preview card component using HTML and CSS
@Shikhar0411
Design comparison
SolutionDesign
Solution retrospective
Hi, this is my solution to the challenge. Any feedback regarding this would be appreciated
Community feedback
- @RioCantrePosted almost 3 years ago
Hello there! Good job in making this project. Viewing your solution, I would suggest the following for you...
- Add borders to the
.box-1
rule set into this ...
border-top-left-radius: 20px; border-bottom-left-radius: 20px;
- Same goes to the
.box-3
rule set like this...
border-top-right-radius: 20px; border-bottom-right-radius: 20px;
- Add top margin to the
container
intomargin-top: 10rem;
- Use media queries to achieve the responsive design for iPad and mobile, then use
display:block
Hope this helps and Keep it up!
0 - Add borders to the
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