Interactive rating component with Flexbox

Community feedback

• 

  Prantik•660

  @prantiknoorPosted over 2 years ago

  Hey @kristiingco, Excellent work. Your code is neat & clean.🙂

  I want to give you some little recommendations. You can give a try, center the card using grid. (it's more simple than flex)

  .container {
    height: 100vh;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    display: grid;
    place-content: center;
  }
  

  Secondly, you can use linear-gradient for card background:

  background: linear-gradient(
      var(--dark-blue), /* hsl(213, 19%, 18%) */
      var(--dark-blue-plus)  /* hsl(213, 19%, 12%) */
    );
  

  Marked as helpful

  1

  ---

  

  kristi•130

  @kristiingcoPosted over 2 years ago

  @prantiknoor I'll definitely try CSS grid out more often! I'll also be sure to update the code with the linear gradients when I can. :) Thank you so much!

  0