Responsive Product Preview Card using Bootstrap

Community feedback

• 

  P

  Karol Majerczyk•20

  @KarolMajerczykPosted about 2 years ago

  Add border-radius on the whole card element and just use the property overflow: hidden.

  Marked as helpful

  1
• 

  ericabao•40

  @ericabaoPosted about 2 years ago

  Great job on your solution!

  1. On mobile you should apply border-radius on top-left and top-right only for the image.
  2. On desktop apply border-radius on top-left and bottom-left for the image off course.

  Good luck and happy coding.

  1
• 

  Bill McDavitt•460

  @BMcdavittPosted about 2 years ago

  Hello, great job on this solution!

  You could look into using @media queries as a way to control what edges of the image to apply the radius to.

  Good luck and happy coding.

  1