Your results summary component

Community feedback

• 

  Mahmood•1,510

  @MahmoodHashemPosted 4 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on finishing the challenge! ✅

  Your project looks awesome!

  I have a suggestion to make your project more closely resemble the challenge.

  • You can achieve this by adding rounded corners to the inputs using the mask property in CSS. It's quite simple - just add the following style to your CSS file

  .stats-list__item{
    --size: 20px;
    border: 2px solid #b3818444;
    background: #f2f2f2 content-box;
    mask: conic-gradient(#000 0 0) content-box,
      conic-gradient(at var(--size) var(--size), #0000 75%, #000 0) 0 0 /
        calc(100% - var(--size)) calc(100% - var(--size));
  }
  

  0