Design comparison
SolutionDesign
Solution retrospective
Please Tell me Your Suggestions to improve my level
Community feedback
- @dostonnabotovPosted over 1 year ago
Hi, there!
Congrats on completing the challenge.
Here are some suggestions I would like to make:
- If you want to write a robust and better maintainable code, focus on naming things.
Instead of this:
<button class="send">Send</button> <button class="cancel">Cancel</button>
Try switching it to this:
<button class="button" data-type="primary">Send</button> <button class="button" data-type="ghost">Cancel</button>
Even if your project scales (in this case, it doesn't), you don't end writing the same code over and over again.
- Don't nest too much.
main .container .plans .text p {}
That's way too much nesting. Even if you're writing your code in Sass or Less (with less care about the output), your CSS ends up looking like a crap. Also, it can have impact on CSS specificity.
Expect these problems, everything looks good to me.
Good luck on your coding journey!
Marked as helpful1
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