Product preview card component

Community feedback

• 

  Luan Barcaça•500

  @barcacaPosted about 1 year ago

  Nice work on the challenge!

  For a cleaner solution, wrap both image-container and card-content in a parent div. Apply the border-radius to the parent div. Example:

  HTML

  <div class="parent-container">
    <div class="image-container">...</div>
    <div class="card-content">...</div>
  </div>
  

  CSS

  .parent-container {
    border-radius: 10px; /* Adjust as needed */
    overflow: hidden;
  }
  

  The overflow: hidden; property hides any content that goes beyond the rounded corners set by border-radius: 10px; in the .parent-container. Feel free to remove border-radius from other CSS properties for a cleaner look.

  Great work!

  Marked as helpful

  0