Design comparison
Solution retrospective
I like the effect on social networks with the "hover"
What challenges did you encounter, and how did you overcome them?with the distribution of html code, I was guided with the help of the community on discord
What specific areas of your project would you like help with?I would like to receive improvements in the html
Community feedback
- @bmeinert8Posted about 2 months ago
Hey @MatiasDN19, you really did a great job on this solution! I have a few suggestions that might help take your HTML to the next level!
-
The first suggestion I would make is to wrap the main content of your page in
<main>
element tag. I never really used the main tags myself until some recent learning. What I've learned is that its best practice to have the<main>
tag inside your<body>
element as this will help clearly identify the main content of the page. This will help with accessibility and how your content is viewed and understood by search engines. Here's some great documentation on the main element to give you a deeper dive on its use. -
The next thing I would suggest that I recently learned and have started implementing in my projects is the use of semantic tags such as
<header>
and<section>
tags. This will help break the code up making it more readable and clean up the HTML a bit. Here is some great documentation to help with how to lay these tags out properly in your HTML.
You've done some wonderful work and I hope this helps you out a bit in future projects. Keep up the awesome work and don't stop building and learning! Can't wait to see what other great things you create!
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