Nft-component-card

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  CSS 🏷️:

  • You can minimize the lines of code by changing the flex layout to grid layout

  body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  • Instead, try this following code

  body {
      display: grid;
      place-items: center;
  }
  

  HOSTING:

  • Instead of hosting this solution on replit, you can try out Github pages for hosting.

  • You can follow along this tutorial video from The Net Ninja

  • Because hosting in github pages will gives you more control than other hosting services like netlify or replit

    ---

  I hope you find it useful! 😄 Above all, the solution you submitted is great!

  Happy coding!

  Marked as helpful

  1
• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  There is no need to give the body a width value.

  Replace the height in .box with a padding value for all the sides, this will prevent the content from overflowing on smaller screens and its a responsive replacement. padding:1em.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1