NFT Preview Card Component

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 2 years ago

  Hey there, Brian Schooler! 👋

  Good job on this challenge! 👏 Your solution looks pretty great! 👍

  As for tips for your CSS, as you continue building projects you may want to look into using a system to keep naming your classes neat and consistent. One such popular method is known as BEM. It's definitely worth a look! You can learn more about it here, if you'd like.

  You also might want to use a preprocessor such as Sass. It'll add superpowers to your CSS and introduce features like nesting which will cut down on the number of lines of code you have and make writing and organizing CSS a little easier (or much easier for large projects). 😆

  Check out Sass and how to use it here.

  Hope you find these tips helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  3
• 

  Rohit Kumar Saini•270

  @rockingrohit9639Posted over 2 years ago

  Hey @superschooler,

  You can use

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

  This will immediately make your solution more accurate to the design.

  0

  ---

  

  Brian Schooler•440

  @superschoolerPosted over 2 years ago

  @rockingrohit9639 Hi Rohit, that’s already in my CSS, I’m not sure why it isn’t centered vertically.

  0

  

  Rohit Kumar Saini•270

  @rockingrohit9639Posted over 2 years ago

  @superschooler

  You should have

  width: 100%;
  height: 100vh;
  

  either on body or your main.

  Marked as helpful

  1