Design comparison
SolutionDesign
Solution retrospective
Any feedback is welcome! I wonder how I can position the background elements better? Right now, they're kinda wonky.
Community feedback
- @darryncodesPosted about 3 years ago
Hi Jane,
- your images seem to be overlapping your content, try using
z-index: -1;
on them to place their stacking order below the content - i find placing background images in a responsive manner quite challenging, the
background-position
attribute is much more sophisticated than i expected - this article could help - your
.stats
border-top feels a little harsh, you could lower the black colours opacity to get closer to the design:border-top: 1px solid rgba(0,0,0, .2);
All the best!
Marked as helpful0 - your images seem to be overlapping your content, try using
- @Jane72-boopPosted about 3 years ago
Thank you for your feedback! I have fixed all the things you have mentioned, except the background images. It was way harder to understand than I thought. I will come back to it some time. Thanks again!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord