Result Summary Component

Community feedback

• 

  Katermukke•100

  @KatermukkePosted about 1 year ago

  Nice job !

  0
• 

  Neooo17•120

  @Neooo17Posted about 1 year ago

  Wrap the summary section inside a div nd use CSS box-shadow property -

  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Adjust the values as needed */

  The box-shadow property takes four values: offset-x, offset-y, blur-radius, and color.

  1. ' offset-x and offset-y ' control the horizontal and vertical offset of the shadow from the element.
  2. ' blur-radius ' determines how blurry the shadow is.
  3. ' color ' sets the color of the shadow.

  0
• 

  hitmorecode•6,250

  @hitmorecodePosted about 1 year ago

  Nice well done. The problem that you have with the shadow is easy to fix. If you wrap everything inside a div and add box-shadow to that div, it will work.

  <div class="container">
    <div class="card">
      <div class="your-result"></div>
      <div class="summary"></div>
    </div>
  </div>
  

  /* don't add width or height */
  .card {
    border-radius: ****;
    box-shadow: *** *** *** ****;
  }
  

  • You should change the breakpoint to 630px;

  0