Product Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾 Hello Fuhad, congratulations for your solution!

  The product component is almost finished, you need only to work a little the spacing between the text elements in the right column.

  You can do it in 3 ways.

  1.You can use the padding-bottom approach and set 24px for each text element and separate them.

  2.Insert display: flex; inside the div called product-details and use row-gap to give the same gap for all elements inside the div.

  3.Use again display: flex; and justify-content: space-around; to manage the space between all the elements with a single property. See the code below:

  .product-details {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
  }
  

  Hope it helps, happy coding bro!

  0