Design comparison
Solution retrospective
This is my second challange on front end mentor. I would like to know if there are any better way to name my class names. Most of the time i am stuck in deciding the class names for the elements. Is there any way or practice to write the class names without wasting much time or does it get better with more practice?
Community feedback
- @Ls6375Posted about 3 years ago
Hey there I have checked your css code & I have found that you have given class name to each and everything in you html. Listen it is not necessary to give name to each class you can just use selector to select that element for example
<div> <p>hi <span> There </span> </p> </div> you can simple use div p span to access the particular element in you stylesheetyou can also see my Respostry where I have completed the same project using very few classes
https://github.com/Ls6375/Frontend-Projects_Frontend-Mentor/tree/main/4.%20nft-preview-card-component-main
Marked as helpful0@purushotham91Posted about 3 years ago@Ls6375 Thank you for the advice, will try to use it.
0 - @JamesTheLessFCPosted about 3 years ago
Hi @purushotham91, Nice job on this! I remember wondering the same thing. I've found that naming classes does get easier with time (I don't spend more than a few seconds thinking about it now.) However there are a few things I do keep in mind. When a project is especially complex and you come back to it after a break, you'll thank yourself for giving your classes names that make sense and are easy to tell what they are. For instance if it's a div element functioning as a wrapper/container, include that in the name (i.e. "gallery_container"). It's also a good idea to be consistent with your naming, like sticking to camelCase or using underscores to separate words. Or if you're giving class names to your buttons, you could do something like "submit_button" and "delete_button", etc. Naming these "button_1" and "button_2" will be confusing once you have a lot of classes in your project. Above all, it should be easy for someone reading your code to figure out what the class name refers to.
Marked as helpful0@purushotham91Posted about 3 years ago@JamesTheLessFC Thank you so much for the advice. Will try to apply them in my next project.
0
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