Design comparison
Community feedback
- @Jeen-PreshPosted almost 2 years ago
Hello Shane, congratulations on completing your fem challenge
-
Always try checking your fem report section for errors, can help you figure out where to correct your project.
-
Try warping the code below in a
header
semantic element.
<h1><span>Reliable, efficient delivery </span> Powered by Technology</h1> <p class="sub-text">Our Artificial Intelligence powered tools use millions of project data points to ensure that your project is successful</p>
Hope you find this helpful. Happy coding
Marked as helpful1@User9511Posted almost 2 years ago@Jeen-Presh Thanks for the feedback! I've updated the code now.
0 -
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- Along with the blank
alt tag
, you also want to include thearia-hidden=“true”
⚠️ to your “icons” to fully remove them from assistive technology.
More Info:📚
- Your
CSS Reset
is being underutilized. 😢 To fully maximize 💯 it, you will want to add more to it.
Here are some examples that you can freely use:
- For improved accessibility 📈 for your content, it is best practice to use
em
formedia-queries
. Using this unit gives users the ability to scale elements up and down, relative to a set value.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! 🎆🎊🪅
Marked as helpful0@User9511Posted almost 2 years ago@vcarames Thanks for the resources! I've just updated the code now.
0 - Along with the blank
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