HTML AND CSS

Community feedback

• 

  Victor•1,240

  @VictorKevzPosted 4 months ago

  Hey, great job completing this challenge. I have a tip you might find useful when trying to center a div (in this case, the card).

  Basically, you need two divs one which you can set as a "wrapper or outer-container" and then another as may be "inner-container" or profile-card(in your case).

  Below is the code that would solve that for you without needing to use that margin: 5vh auto; you used. You should have used min-height:100vh or dvh to make sure the card is centered vertically

  .outer-container { display: flex; min-height: 100vh; justify-content: center; align-items: center; } .inner-container { /here just style the container as you see fit for example/ min-width: 300px; max-width: 400px; width: 100%; border-radius: 15px; }

  If you don't want an outer-container you apply these styles to the body instead, it's up to you! I hope you find this helpful👍

  Marked as helpful

  0