All comments

• 

  yağız• 170

  @yagz77

  Submitted about 2 years ago

  

  Product-preview-card-component -UI

  2

  10

  

  Neeraj Verma• 70

  @neeraj-verma-20

  Posted about 2 years ago

  ** 👋 Hello yağız, congratulations for your new solution! **

  ✔ Check Points:

  A. Button - You can add flex in button for similar look.

  button {
      background-color: hsl(158, 36%, 37%);
      border: none;
      width: 200px;
      height: 40px;
      color: white;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  B. Button svg : You should also add margin right to svg to give space between the svg and text.

  margin-right: 10px;
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0
• 

  onyinyechukwu Jessica Malizu• 40

  @OnyiMalizu

  Submitted about 2 years ago

  I'm having trouble with the positioning any help

  

  Product

  3

  40

  

  Neeraj Verma• 70

  @neeraj-verma-20

  Posted about 2 years ago

  👋 𝗛𝗲𝗹𝗹𝗼 𝗢𝗡𝗬𝗜𝗡𝗬𝗘𝗖𝗛𝗨𝗞𝗪𝗨 𝗝𝗘𝗦𝗦𝗜𝗖𝗔 𝗠𝗔𝗟𝗜𝗭𝗨, 𝗰𝗼𝗻𝗴𝗿𝗮𝘁𝘂𝗹𝗮𝘁𝗶𝗼𝗻𝘀 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝗻𝗲𝘄 𝘀𝗼𝗹𝘂𝘁𝗶𝗼𝗻!

  Your product card is really good done, there's not much to say about it, but if you want to improve it a little bit more, you give it a better alignment with flexbox see the code below:

  body {
      background-color: hsl(30, 38%, 92%);
      min-width: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  👋 I hope this helps you and happy coding!

  0