Submitted over 3 years ago
Order-summary-component-card-main
@maliksulemanaslam
Design comparison
SolutionDesign
Solution retrospective
I have made this page for desktop version but it can be viewed on mobile as well
Community feedback
- @adimidaniaPosted over 3 years ago
Hey mate! Congratulations on completing this challenge! Just few remarks :
- In you body element, add
background-repeat: no-repeat;
. - The card needs to be centered! one way to do this is (according to your solution) :
body { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; }
- Also, try to add some padding to the left and the right of the ".card-main-body", and some padding to the top and the bottom of the buttons (in order the make the card look as close as possible to the given design)
Best of luck and keep coding :D
Marked as helpful1@maliksulemanaslamPosted over 3 years ago@adimidania Hi thank you for your assistance and great feedback to improve me before your feedback I updated my site again please check again and check responsiveness as well, I will be improving according to what you told be now thanks and I am looking forward to learn from all mates including you here thanks again! have a great day!
1 - In you body element, add
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