QR-Code page using HTML and CSS

Solution retrospective
Hey everyone! This is my first application of HTML and CSS so I will probably have a lot of issues. The question I have today is how I should name my classes. In school, my professor pushes for short naming conventions for variables in Python. CSS classes may not be similar, but I would still like help with how long a class name should be.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ramorgen
Hi,
you asked how long class names in css should be. In my opinion, it is best to avoid class names as completely as possible. Check tailwind.css or - even better - unocss.
Happy coding 😄
- @NehalSahu8055
Hello Coder 👋.
Congratulations on successfully completing the challenge! 🎉
Few Rules to consider: There is no any fixed rule to give class-name it depend on user how he/she is able to manage may be rowwise-columnwise , grid-wise, or any related name.
LANDMARK 🚀
-The main landmark should be a top-level landmark.
-When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark.
-If a page includes more than one main landmark, each should have a unique label.
-To Clear the Accessibility reports use the Semantic elements Or non - Semantic elements
-Note these Elements don't skip semantic elements : <aside> ,<article> , <main>, <header> ,<section><footer>, <form> etc.... non- semantic elements : <div> , <span>
-For an easy way to clear the Accessibility reports using nonsemantic elements Ex :
<body> <div class="container" role="main"> /html code goes here: 📃 </div> </body>
OR
using semantic elements
Ex :
<header> should be put heading or logo📸 </header> <nav> //Links here </nav> <main> Main of the contents 📃 </main> <footer> ©copy right here📍 </footer>
I hope you find this helpful.
Happy coding😄
Join 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