Challenge card profile

Community feedback

• 

  Krushna Sinnarkar•1,100

  @krushnasinnarkarPosted 5 months ago

  Hi @MoonAmon,

  Congratulations on successfully completing the challenge!

  I have a suggestion regarding your code that I believe will be of great interest to you.

  1. For the body element, you used min-width: 100vh;. I think that's a typo; you should use min-height: 100vh;:

     body {
         min-height: 100vh;
     }
     

  2. Remove margin-top: 100px; from #card_main. There is no need to add top margin because you used place-content: center; for the body element, which will automatically center the card:

     #card_main {
         /* margin-top: 100px; */
     }
     

  3. To make the design similar to the design for the 26 number, add the following styles to the span inside the #h3_name id:

     #h3_name span {
         font-weight: normal;
         color: hsl(0, 0%, 59%);
     }
     

  I hope you find this helpful, and I would greatly appreciate it if you could mark my comment as helpful if it was.

  Feel free to reach out if you have more questions or need further assistance.

  Happy coding!

  0