Design comparison
SolutionDesign
Solution retrospective
I would like to get any advice on how I can improve my CSS code as well as help on how to add the border to the card when the view is for the computer.
Community feedback
- @DigitaleWeltLibraryPosted 10 months ago
Hey good solution.
Small suggestions for improvement:
- Remove this from your CSS to make both card parts the same size
- this is how you add the shadow
// ------------------------------------- remove ------------------------ @media screen and (min-width: 768px){ .card__puntuation { // height: 90%; } .card__summary { // height: 90%; // padding: 60px 20px 60px 0px; // ------------------------------------------------------------- // the shadow box-shadow: 0.5rem 0.5rem rgb(0 0 0 / 10%); border-radius: 2rem; // end shadow } } // ------------------------------------- remove ------------------------ .card__puntuation { // height: 50%; } // -------------------------------------------------------------
Happy Coding 😉
Marked as helpful0
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