Responsive Webpage, using basic Jquery and SASS

Community feedback

• 

  Byron•2,290

  @byronbyronPosted over 2 years ago

  Hi @MikeAngel2

  You should be able to center the second card by updating your index.js to set display flex instead of block.

  $(".Thanks").css('display','flex');
  

  This bit of CSS should help to center the text on the second card as well

  .Thanks {
      align-items: center;
      text-align: center;
  }
  

  Hope that helps!

  Marked as helpful

  2

  ---

  

  Miguel Ruiz•20

  @MikeAngel2Posted over 2 years ago

  @byronbyron Hi Byron

  Thank you for your feedback.

  I changed this my JS code to yoyr recommendation, it seems that only affected element is the image; The "Selected X stars" div, from the second card seems that aligns it's text, but not the div itself.

  Definitely helped! Kind of annoyed for that little detail in my code lol.

  0
• 

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  So your star IMG is not showing and also there is no margin left and right on the container. Its spanning horizontally on smaller devices. Hope you fix it. Besides good job, keep coding👍👍

  1