It is important to maintain consistency and clarity in your id or class names.
-
It should be written in lowercase letters e.g.: .header, .content,
.footer.
-
Multiple words should be hyphen-separated, this is also known as kebab-case e.g.:
.main-menu, .primary-button, .card-container.