Product Preview Card Component - Solution

Community feedback

• 

  Yash Joshi•450

  @yashgjoshi20

  Posted about 2 years ago

  1. You should use grid-column to get the images and the Features separated side by side.
  2. When you do that then its simple CSS to get the sizing right.
  3. The Container would help in this to get the perfect sizing.
  4. Also for the button you can resize it using padding or margin depending on your choice. 😌

  00

  Marked as helpful
• 

  Genie 🧞‍♂️•100

  @EugeneCarbado

  Posted about 2 years ago

  I would say you definitely need to set a fixed width and height for the container. That is why, looking at your preview site, the whole element keeps resizing. Setting the width and height with rem or px in mobile and then desktop would give the results you desire and stop it from resizing when you expand the window. Have a look at the design and see if you can figure out how much rem or px you will need :)

  01

  Marked as helpful