Product preview card using HTML and CSS

Community feedback

• 

  David•8,000

  @DavidMorgadePosted about 2 years ago

  Hello Renardo great job finishing the challenge! congratulations.

  There is a better way to position both of those elements, you can add a div wrapper between the prizes and use flex to position them, for example:

  .div__wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between; // or whatever space you want with them
  }
  

  You can also use justify-content: center and then separate them using the gap property, but using a default prop for justify-content usually is better, with align-items you will get them centered vertically!

  Hope my feedback helps you for future challenges!

  0

  ---

  

  Renardo Pine•50

  @PinedevsPosted about 2 years ago

  @DavidMorgade Thank you. I'll put that to good use in my next project.

  1