Product-preview-card-component

Community feedback

• 

  Chisom Ogbonna•380

  @MavreonPosted over 2 years ago

  Hello Karthik, Congratulations on completing this challenge 🎉 Concerning centering the items in the right div, looking at your code you are using bootstrap. You have a class missing in addition to row, you didn't add the align-items-center class. Like this... <div class="row align-items-center">...</div> I hope this helps, happy coding ✨

  Marked as helpful

  0
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Karthik, congratulations for your solution!

  For the right column you'll need this properties for the correct alignment align-items: center; justify-content: center; and to use some padding-bottom to space each text element.

  .col {
      display: flex;
      gap: 47px;
      /* padding-left: 0; */
      /* padding-right: 0; */
      align-items: center;
      justify-content: center;
      /* align-content: space-around; */
  }
  

  Hope it helps and happy coding!

  0