Interactive Rating Component

Community feedback

• 

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  Okay then you can try this on the container display:flex; align-items:center; Justify-content:center; Min-height: 100vh;

  If it still not working you can check my solution here

  https://www.frontendmentor.io/solutions/responsive-interactive-rating-component-made-with-css-flexbox-rJGDnhw4q

  0

  ---

  

  Taha•310

  @thaykrglPosted over 2 years ago

  @Kamasah-Dickson now working thanks!

  0

  

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  @thaykrgl am so glad you were able to figure it out

  Good job👍 Happy coding💪

  0
• 

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  Remove the margin top 16rem from the card and use Display: grid; Place-content:center;

  that's all. Also learn CSS grid and flexbox to solve your prob.

  Good job keep coding🙋👍

  0

  ---

  

  Taha•310

  @thaykrglPosted over 2 years ago

  @Kamasah-Dickson thanks for your feedback but it did not work for me.

  0

  

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  @thaykrgl did you add a Min-height:100vh ??

  Add a min height to it will work.

  0

  

  Taha•310

  @thaykrglPosted over 2 years ago

  @Kamasah-Dickson still not working.

  0