Blog Preview Card

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 10 months ago

  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!

  Marked as helpful

  1

  ---

  

  Tok1o•350

  @ridhofaaauziPosted 10 months ago

  @MelvinAguilar Thank you for your assistance and guidance.

  0
• 

  Shaima'a Redhwan•80

  @Shaimaa12319Posted 10 months ago

  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!

  Marked as helpful

  0

  ---

  

  Tok1o•350

  @ridhofaaauziPosted 10 months ago

  @Shaimaa12319 Thank you for your assistance and guidance.

  0