Summary Component using FlexBox

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 😉