Blog Card Preview

Hello i`m wishing for your completion in this project.

• I will be see in your code
• In the .attribution tag will be inside of the footer tag because this is end of the content so I will suggest to change the HTML following format<footer><div class="attribution"></div></footer>
• In CSS You will use

.blog-picture {
    margin: 7px;
}

• I will recomand for Using rem or em values for padding and margin provides a scalable and flexible approach, especially when considering accessibility and responsive design.
• change to

.blog-picture {
    margin: 0.7rem;
}

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have a suggestion regarding your code that I believe will be of great interest to you.

ADDING HOVER STATE 🪄:

• Looks like the component hover state with box-shadow has not been set yet. Your solution would be perfectly finished if you add this as a finishing touch!

• Just add the following css rules

.container {
  transition: box-shadow .3s;
}
.container:hover {
  box-shadow: 12px 13px 0px 1px #000;
}

• Now your component's hover shadows has been set properly

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!