Created with simple html/css mostly used Flexbox and media querry.
Design comparison
Solution retrospective
Hello guys I would like to know what could I do differently for a cleaner code, also any suggestions are appreciated.
Community feedback
- @Mozzarella-chzPosted about 3 years ago
This is some clean looking code! Nice work!!!!
Excuse me for being a total beginner, but my one thought is that maybe instead of identifying individual properties in certain elements that are similar you could group them in a class for those shared properties. Specifically I am looking at your buttons: For the "Proceed to Payment" & "Cancel Order" buttons you have shared properties of: -border:none -cursor:pointer -font-size: 0.95rem
You could create a new class of "buttons" for those properties.
Not sure what the semantic rules are on that sort of grouping....
Marked as helpful2@vasilykudlotyakPosted about 3 years ago@Mozzarella-chz Thank you it is good advice kinda forget to group them in the rush. I'm used to coding webpages from scratch when I'm started learning how to code but because in the past 5-6 months I mainly learned/practiced Javascript kinda get out of practice in Css luckily I found this site where I can refresh what I learned before.
1
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