Interactive_Rating_Component_FrontEndMentor

Community feedback

• 

  Anderson Fernandez•350

  @anderson-fndzPosted over 1 year ago

  your code is fine, it's functional and without apparent bugs, but there are points in the css that can be improved:

  • img

     .icon {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: #262F38;
      }
  

  • main

  main{
      width: 400px;
      height: 415px;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      border-radius: 35px;
      background-color: #1F2630;
      color: #ffffff;
  }
  

  and you can try using flexbox to make the spacing part of the elements inside the divs easier

  Marked as helpful

  0