@Grego14
Posted
Hello! 🎉 congratulations on completing the challenge! 🎉
To prevent .attribution from causing overflows you can set its margin-top to margin-top: auto;
You are changing the styles of the image using header img when it has a class and you can use it for that.
So that the image is not wider than its container, I recommend using min-width: 100%; and not width: 33.6rem;
I recommend using a span or a p element for the 'tag' and not an h1 element, you should use the h1 element instead of the h2 for the title.
I recommend using transitions for what you need, and not for 'all'
transition: box-shadow 0.3s;
I don't recommend using a fixed height, since it can cause overflows like in the author's element, but you can use min-height: 52.2rem; so you make sure that that is the minimum height, but that it can also grow if necessary!
I hope this helps! 😁
Marked as helpful
@inappdesign
Posted
@Grego14 Thank you! I will implement these changes on my next upload.