Design comparison
Solution retrospective
Frontend Mentor - Order summary card component
Welcome! 👋
Thanks for checking out this front-end coding challenge. I changed the .svg was given to .png file I udid used in this practice. I changed design for found out how i am improving in positioning components with CSS styles. This isn't ad and this is educational purpose only, I found this photo in online.
This component responsive for any devices started with Mobile first approach.
Then I used display: flex and grid both methods to position components vice versa.
I took game-controller.svg from free downloader "svgrepo.com"
I used linear-gradient for background and the colors I chose from the picture and developed by power toys in windows, some colours I selected from colorhunt.io site.
Languages I used for this component,
- HTML
- CSS
- SCSS
All feedback is greatly appreciated!
Community feedback
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