Design comparison
Solution retrospective
I found the card component easy to build, but got stuck on building the background. After incorporating the background through two pseudo-elements, I was able to position the image correctly as seen in the example.
- I am unsure of one aspect of the .card-parent. If you look into the scss file, you can see where .location (the "London" in this example), has a margin-left: 3rem;
QUESTION: Why does margin-left: auto; / margin-right: auto; not work in this case? Is the parent of .location messing this up?
Community feedback
Please log in to post a comment
Log in with GitHub
Join 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