Blog preview card

Community feedback

• 

  Victor•1,260

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

  You need two divs one which you can set as a "wrapper/main/outer-container" and then another as may be "inner-container/card".

  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 the styles to the body instead, it's up to you!

  I hope you find this helpful👍

  Marked as helpful

  1

  ---

  

  Kal Wick•110

  @kalWick01Posted 4 months ago

  @VictorKevz Thanks for suggestion it really what i need, thanks so much if you have other suggestion, feel free to text to me

  1