Blog Preview Card

Community feedback

• 

  Dimitar Radev•930

  @Mitko90Posted 11 months ago

  Hi there, nice solution.

  Maybe if you looked again at your container

  .container {
  	max-width: 85%;
  	background-color: var(--Yellow);
  	margin: 200px auto 0;
  	align-content: center;
  	height: 800px;
  }
  

  You don't need the max-width there to be percentage , also get rid of the align-content because it is used for grid containers so it does nothing here. I would also get rid of the height since the card inside will have its own height. The yellow background I would put on the body tag so the whole page will be yellow. Also on the body you can throw

  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  

  This will center your card on the page

  Hope I was helpful

  Marked as helpful

  2

  ---

  

  P

  Nick•260

  @nn-code80Posted 11 months ago

  @Mitko90 Thanks for the Feedback!

  0