blog-preview-card-main

Hello there 👋. Good job on completing the challenge !

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

• Use semantic elements such as <main> and <footer> to improve accessibility and organization of your page.

• For a photo of a person, use their name as the alt text

  if an image is purely decorative and doesn't convey specific information, using an empty alt attribute (alt="") is the recommended practice.

• You can use the following styles to center the element effectively using either of these two methods: For Grid:

  body {
    min-height: 100vh;
    display: grid;
    place-content: center;
    /* Additional styles if needed */
  }
  

  For Flexbox:

  body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* Additional styles if needed */
  }
  

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!