Profile card component using flex-box, media query
Design comparison
Solution retrospective
This challenge is very easy for me. This is the first time I used media queries, and I'm stuck on the media queries part because I never tried it in a past challenge. So, in this challenge, I used media queries. It's not as good as I expected. In addition, I am unable to get the same background image as shown in the design image.
i will be glad to get a feedback.
Community feedback
- @visualdennissPosted over 1 year ago
Hey there,
Good job on completing the challenge! Looks nice overall.
The reason your background image is not displaying is because your relative path is wrong. Your css style file is in a separate css folder, so you need to go up from that folder and then go to images. Currently, your style.css is looking for images folder inside the style folder and cannot find it obviously. Add just two dots and a slash before images in the url path like so:
background: url("../images/bg-pattern-card.svg");
This does fix according to my test via developer tools.
Hope this was helpful!
Marked as helpful1
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