Results summary component built with flex-box

Community feedback

• 

  Andrei Pavalachi•60

  @mr-l0n3llyPosted over 1 year ago

  there is more padding in disign, try adding more space between content and container

  1
• 

  Firoozeh Imany•60

  @firoozehImanyPosted over 1 year ago

  👋 Hi, Kale

  🎉Congratulations, your solution looks great. 🎉

  I want to tell you the things that come to my mind to improve the solution. If you apply this change to it, your solution will be better

  CSS:

  main {
  box-shadow: 5px 20px 50px 10px hsl(221deg 100% 96%);
  border-radius: 32px;
  }
  
  .result-box {
  width: 360px;
  padding: 36px;
  border-radius: 32px;
  }
  
  .result-box h1 {
  font-size: 1.5rem;
  }
  
  .circle {
  padding: 40px;
  }
  
  .circle .score {
  font-size: 4.5rem;
  }
  
  .circle p {
  /*There is no need to adjust the position.*/
  }
  
  .summary-box {
  gap: 16px;
  padding: 36px;
  width: 360px;
  }
  
  .summary-box>div {
  padding: 12px;
  }
  
  .summary-box div.button {
  margin-top: 24px;
  }
  
  

  I hope I could help you.😊

  0