Beginner "Barebones" HTML/CSS use
Solution retrospective
I couldn't figure out how to add the .svg files as background without accidentally removing the background colour. As you'll see, I just added the images in html and then fidgeted(?) around with positioning and z-index to achieve a similar look. I looked at the solution code provided and saw that url(img.svg) format was used but when I tried it, it did not work.
My mobile version might be a bit wonky since I'm still working on responsive design skills.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MasterDev333
Hi, @Sarah. Great work. It would be better if you use background-image for body tag or some pseudo elements. In this challenge, positioning background circles are little tricky, hope you solve it right way. Here's my solution if you'd like to check. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Happy coding~ :)
- @axevldk
Hi, @Sarah Kessler ~ Good work so far. Here are my opinions for your question.
You can use pseudo elements for the background-image. It is much better to use in such cases.
Here is a link to my solution. Hope this will help you even a bit. Happy coding ~ ✨
https://www.frontendmentor.io/solutions/profile-card-component-2n53OyvZb
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