Product preview card component

Community feedback

• 

  Mauger•210

  @mauger1998Posted about 2 years ago

  Hey I am a beginner so take my advice with a pinch of salt but you haven't included the fonts, if you go to the readme for the styles it will show you how to get the fonts in google fonts and link them into your html and css, great work though, I see you have the same issue as me, the screenshot they use to compare your image to the example is squashed, this must be a bug they have. Great job man

  1

  ---

  

  Ukaegbu Gray Nneji•220

  @graynnejiPosted about 2 years ago

  @mauger1998 thanks a lot for the comments

  0
• 

  Kawsar Ahmed Fahad•2,660

  @faha1999Posted about 2 years ago

  Hello Ukaegbu Gray Nneji. Congratulations on finishing this project. It's lovely and great on the whole! Just a little tip:

  • center the body

  body{
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
  }
  
  

  • add alt="Product" attribute in img. This would help improve accessibility.

  • media

  @media only screen and (max-width: 767px) {
  .container{
      flex-direction: column;
      width: 100%;
  }
  }
  

  I hope this helps you. Happy Coding!

  1

  ---

  

  Ukaegbu Gray Nneji•220

  @graynnejiPosted about 2 years ago

  @faha1999 thank you very much for the corrections

  0
• 

  Ukaegbu Gray Nneji•220

  @graynnejiPosted about 2 years ago

  Thanks a lot for your comments I will make adjustments

  0