Design comparison
Solution retrospective
trying my best with basic html and css let me know guys how can i be better thank you.
Community feedback
- @Faris-ThibaniPosted about 2 years ago
Hi Alaa,
Congratulations and well done on completing the project.
You can improve the code with the following:
-
Use semantic tags instead of div. The div is a generic element. Semantic tags improve code readability, accessibility, and overall structure.. here is a source to learn more: https://www.freecodecamp.org/news/semantic-html5-elements/
-
You can organize the project in folders The files are all scattered and it would be more organized to have images in an images folder, CSS in a CSS folder, etc.
-
Add some modularity to the code.. so that instead of having to repeat the same code in separate tags, you can create a utility class which in turn can be used to keep the file clean and easy to read. For example, if you happen to use a certain rule more than once like margin: 10px; then you can create a class selector called margin10 which will take the margin: 10px; rule and then use that class across the HTM..
Hope this helps.. this has been a highlight of my own studying and practicing.
Regards,
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