HTML and CSS

Community feedback

• 

  P

  Szeri•60

  @Szeri323Posted 11 months ago

  Hi @mohit-sonii,

  Nice work! I thought that I would offer you some advice.

  If you want to center your card, use display: flex along with justify-content: center and align-items: center on the body tag, and make sure it's at least 100vh. For example, set min-height: 100vh.

  You can use a CSS selector with the hover pseudo-class like this: h2:hover. It makes the heading change color when you hover over it:

  h2 {
      font-weight: 700;
  }
  h2:hover {
      color: [your-color-here];
  }
  

  And some advice for optimization: You don't need to import all weights of fonts; you can choose the 2 that you use most.

  I hope this helps you.

  0

  ---

  

  Mohit Soni•20

  @mohit-soniiPosted 11 months ago

  Thank you @Szeri323 for the comment. I will look after my code and I appreciate your suggestion.

  0