Blog preview card

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👍