Design comparison
Solution retrospective
Couldn't really figure out how to fix the background image. Also that 5th card doesn't look exactly as it is supposed to in the desktop variant. If someone has any ideas for fixes, please write them :)
Edit: Background position fixed.
Community feedback
- @nasheePosted about 3 years ago
oh, i checked it in the large screen , it works fine
Marked as helpful0 - @gabriel-saleshPosted about 3 years ago
For the background image position try setting a percentage value to "background-position-x", say around 85% or something
.card:nth-child(1) { background-position-x: 85%; }
Marked as helpful0 - @nasheePosted about 3 years ago
hello, i tried it it is not responsive, it is just mobile version, the grid is not applied on large screen according to design
0@B0R155Posted about 3 years ago@nashee How large is the screen? I just checked, it applies to 1440px as specified in the task.
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