Design comparison
Solution retrospective
My github page is not rendering background image which is made is SVG. Other images such as illustration-hero.svg and icon-music.svg which are also in SVG are rendered. They all are in same image/ folder. I have specified all path correctly. What could be reason for that? Also please tell me how is my design. I have to boost my confidence. :) You are appreciated. Thank you so much !
Community feedback
- @adimidaniaPosted over 3 years ago
- just use
background: url("images/pattern-background-desktop.svg");
instead ofbackground: url(Images/pattern-background-desktop.svg);
Otherwise, nice job mate! Just a humble suggestion: It would be much better if you add a little bit of padding to your
card-content
element! keep the work up1@pantbibek21Posted over 3 years ago@adimidania Thank you. I recently updated the path. I think I have to first seek the problem myself. It was such a careless mistake. I will take care of these little things next time. What about card? Is the design good? Is there anything I can do to make it look better?
0@adimidaniaPosted over 3 years ago@biebk It's pretty normal, we all come across this kind of mistake, don't worry at all! and about the card, I guess if you add some padding to the card-content element, the card will look much better and so close to the given design! also, you can let the border-radius be 20px or 25px, and for the background, you can add
background-color:#e0e8ff;
to your body element in order to have the same background as the given design.keep the work up!!
1@pantbibek21Posted over 3 years ago@adimidania I made changes as you mentioned. It looks even more better. But my new design is not changed in design comparison section. I think it doesn't changes , only keeps the first design. Never mind ! Thanks for you suggestion. I will practice even more !
0@adimidaniaPosted over 3 years ago@biebk yes, in the design comparison you will only see your first design. But I checked out your updates! nice work, keep the work up and keep practicing more, don't give up, you will get better after each challenge you solve. best of luck!
1@pantbibek21Posted over 3 years ago@adimidania I wish Front end mentor provided features to make friends or even to follow. I would gladly make you mine ! Thank you for your words. I have just downloaded 3 column card component project.
1@adimidaniaPosted over 3 years ago@biebk yes, unfortunately, I wish that too. But If you need support or anything you can reach out to me on my linkedin account. And the pleasure would be mine! You are welcome! keep going! you got this.
1 - just use
- @MohamedHussein05Posted over 3 years ago
The Path is Case Sensitive you wrote "Images" instead of "images", regardless of that you did great job keep going
1@pantbibek21Posted over 3 years ago@MohamedHussein05 Thank you, Truly ! I updated the path.
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