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

Four Card Feature Section challenge solution using HTML & CSS.

Vikash Kumarโ€ข 230

@itzvikashgupta

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey there! Iโ€™m Vikash, and this is my solution for this challenge. ๐ŸŽ‰โœŠ

Any suggestions on how I can improve this project are welcome!

Thank You!

Community feedback

Hugo Sanchezโ€ข 270

@HunigoleSan

Posted

๐Ÿ‘‹ Hello! @itzvikashgupta

Great job buddy, you've successfully completed the project!๐ŸŽ‰ It's nearly perfect; there's just a little room for improvement in the CSS, but we can add a touch to the HTML architecture.

I recommend using semantic tags, they're essential for both SEO and accessibility. Providing good tags is crucial. For instance, consider using the "article" tag for each "card". Besides being semantic, it's accessible as it internally includes the "role=article" attribute. This is important for the accessibility of people with different abilities who use Google assistants or other programs to understand the webpage.

I suggest delving deeper into "Semantic HTML" and "HTML accessibility attributes" to grasp these concepts better and apply them to your project. I hope this recommendation helps enhance the structure of your project! ๐Ÿš€

0

ilham-boukโ€ข 160

@ilham-bouk

Posted

@HunigoleSan Thanks you for your recommendation, I'll try to improve my project based on your advice.

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