Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

4-card feature section solution - HTML, CSS, RWD, grid layout, sprite

P

@webdevbynight

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Dacardonac

Posted

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 GitHub
Discord logo

Join 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