4-card feature section solution - HTML, CSS, RWD, grid layout, sprite
Design comparison
Community feedback
- @DacardonacPosted 2 months ago
Hi Webdevbynight,
I hope you're doing well. I reviewed the solution you sent, and overall, it looks great. However, I'd like to offer a few suggestions for improvement:
-
Version control: I recommend making more frequent commits. They act as checkpoints in your project, making it easier to track changes and recover if something goes wrong.
-
Metadata: Don’t forget to include metadata in your HTML. This helps improve your page's SEO and boosts your ranking in search engines, In this link you can read more about that: Metadata and SEO.
-
HTML semantics: Your HTML structure is good, but I suggest focusing more on semantics. This will enhance both the accessibility and readability of your code, you can read more about that in this link: HTML Semantic.
-
Accessibility: Review the color contrast in your project, as some combinations don’t contrast well. Improving this will boost accessibility and have a positive impact on future audits.
-
Performance: To enhance performance, I recommend using
.webp
images. They're lighter and load faster in browsers, improving user experience.
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