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

3-column preview card component using Flexbox (Responsive)

Spiritβ€’ 220

@git-ritesh

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedbacks appreciated : ) Questions :

  • How can i improve my page's performance for mobile Devies ?

Community feedback

@MelvinAguilar

Posted

Hello there πŸ‘‹. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

  • Use only one <h1> tag per page; use <h2> for section headings. Learn more here πŸ“˜.

  • Prefer <a> over <button> for the "Learn More" link, as it navigates to another page. Details here πŸ“˜.

  • For decorative car icons, leave the alt attribute empty to hide from screen-readers. More details here πŸ“˜.

I hope you find it useful! πŸ˜„ Above all, the solution you submitted is great!

Happy coding!

0

Spiritβ€’ 220

@git-ritesh

Posted

Thanks for such insightful suggestions @MelvinAguilar. I'll surely keep that in mind in my next project.

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