product-preview-card-component

Community feedback

• 

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 12 days ago

  You’re absolutely crushing it! 🙌 I’m so impressed with your work—keep it up! 💥

  A couple of tips to make it even better:

  1. For max-width, I recommend using rem or vw instead of fixed values like pixels. These units are more flexible and adapt better to different screen sizes. For example, you could use max-width: 90vw; to make it responsive to the viewport width.

  2. Naming your classes with BEM (Block Element Modifier) will help keep things organized and avoid confusion as your project grows. For example:

  /* Block */
  .header {
    background-color: #333;
  }
  
  /* Element */
  .header__title {
    font-size: 2rem;
  }
  
  /* Modifier */
  .header__title--large {
    font-size: 3rem;
  }
  

  This structure makes it clear what each class is for and keeps your code neat and maintainable! 💪

  Marked as helpful

  2