Blog Preview Card

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• To center the element vertically, you need to set a height for the container where you apply flexbox. Without a height, there's no reference point for vertical alignment. I noticed you're using a padding to try to center. Later, you can use align-items: center to center the element.

.container {
  display: flex;
  justify-content: center;
  /* flex-wrap: wrap; */
  /* margin-top: 100px; */
  min-height: 100vh;
  align-items: center;
}

I hope you find it useful! 😄

Happy coding!

Hello @ridhofaaauzi!

Your project looks very good!

You can do the black box-shadow of the card like this:

    box-shadow: 7px 7px 0 black;
    border: 1px solid black;

Hope it helps!

Other than that, great job!