Hello, Maja! 👋
Congrats on finishing another challenge! 🎉 Your solution looks good. Here's my few tips:
- Use unordered list
<ul>
for.stats
. HTML lists are used to present list of information in well formed and semantic way. - To get closer to design use
mix-blend-mode: multiply
withopacity: 0.75
on your.overlay
container. The mix-blend-mode sets how an element's content should blend with the content of the element's parent and the element's background. - Use Responsive Design Mode to see how your website behaves on different devices. To toggle it press
CTRL+SHIFT+M
on Firefox, andCTRL+SHIFT+C
on Chrome. On mobile resolution (375px) it doesn't seems good. Changepadding-left
andpadding-right
to 20px on mobile. - Your
.attribution
overflow content on mobile resolutions. - Also on mobile change
height
of.image
to 240px to make it a bit smaller.
Good luck with that, have fun coding! 💪
0