Design comparison
Solution retrospective
Please feel free to provide your feedback on my solution.
Community feedback
- @VCaramesPosted about 2 years ago
Hey @JGedd, some suggestions to improve you code:
-
Never skip heading levels. You can't go from <h2> Heading to <h4> Heading. The next heading after h2 has to be the <h3> Heading. This provided structure to your content.
-
The icons serve no other purpose than to be decorative; They add no value. There Alt Tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.
-
To help create the layout like the FEM example looks, you want to use the Grid-Template-Area
More Info:
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
Happy Coding!
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