NTF Preview Card

Community feedback

• 

  Victor•1,260

  @VictorKevzPosted 5 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).

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

  You don't have to manually use this code to center a card or container left: 700px; top: 40px; padding: 30px;

  Instead, you can use this code: .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

  1