Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Layout with flexbox

@pantbibek21

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

dania 530

@adimidania

Posted

  • just use background: url("images/pattern-background-desktop.svg"); instead of background: 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 up

1

@pantbibek21

Posted

@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
dania 530

@adimidania

Posted

@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

@pantbibek21

Posted

@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
dania 530

@adimidania

Posted

@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

@pantbibek21

Posted

@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
dania 530

@adimidania

Posted

@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

@MohamedHussein05

Posted

The Path is Case Sensitive you wrote "Images" instead of "images", regardless of that you did great job keep going

1

@pantbibek21

Posted

@MohamedHussein05 Thank you, Truly ! I updated the path.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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