Product preivew card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Bandaru Sindhuja, congratulations for your new solution!

  Answering your question:

  All you need to to is to use display: flex for the button + icon alignment, see the code below:

  .button {
      display: flex;
      text-align: center;
      max-width: 100%;
      align-items: center;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1
• 

  alaaballoutdev•90

  @alaaballoutdevPosted over 2 years ago

  Keep going , but you can improve your work by searching how to centralize the div whatever the size of screen is , and my code in this challenge to centralize the div might be helpful for you.

  hints:
  position:absolute;
  right:50vw;
  top:50vh;
  margin-right:  - widthofdiv/2;
  margin-top:  - heightofdiv/2;
  

  Good luck!!

  Marked as helpful

  0

  ---

  

  onyinyechukwu Jessica Malizu•40

  @OnyiMalizuPosted over 2 years ago

  @alaaballoutdev yes exactly

  0