Interactive rating card using flex

Community feedback

• 

  Rafael Elias•290

  @RafisEliasPosted over 2 years ago

  Amazing work man, I suggest you use in the class .ratingCard and .submitCard you can substitute the width to max-width ex:

    /* ...rest of the code */
  .submitCard {
    ...
    /* use this: */
    max-width: 350px;
    /* instead this: */
    width: 350px;
  }
  

  this will improve the responsivity of you card.

  And in the media query you can make some changes like:

  @media (max-width:650px) {
    body {
      ...
      height: 100%; /* <--- you can remove, this not permit the align-items: center works  */
    }
    .ratingCard {
      ...
      width: 100%; /* <--- you can remove, using the max-width this is unnecessary  */
      height: 100%; /* <--- you can remove, this is unnecessary  */
      ...
    }
  }
  

  I hope this can help you

  Marked as helpful

  1

  ---

  

  Meghanath Shetty•30

  @ShettyMeghPosted over 2 years ago

  @RafisElias yesterday i spend more than 1 hour just trying to make it responsive was not able to do it. This is what i was waiting for thank you Rafael for helping me, I'll try to fix it now.

  0

  

  Meghanath Shetty•30

  @ShettyMeghPosted over 2 years ago

  @RafisElias its working perfectly, thank you once again

  0