3-column preview card component

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 11 months ago

  Hello there 👋. Good job on completing the challenge !

  I have only one small suggestion about your code that might interest you.

  • Not all images should have alt text. Car icons are for decoration purposes only, so they can be hidden from screen-readers by leaving its alt attribute empty. You can read more about this here 📘.

  I hope you find it useful! 😄 Above all, the solution you submitted is great!

  Happy coding!

  0
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Fala Henrique!

  Seu projeto ficou show!

  Tenho apenas uma sugestão:

  • Aumenta um pouco o breakpoint das suas media queries pra algo em torno de 800px. Estou dizendo isso porque seu breakpoint atual está em 600px, ou seja, a partir de 600px, a versão desktop já é mostrada. O problema é que o card na versão desktop tem 960px de largura, então entre 600px e 960px, ele fica bem espremido. Isso faz com que o botão Learn More fique quebrado ao meio até mais ou menos 760px.

  Resumindo, se você aumentar o breakpoint pra uns 800px, nada disso vai acontecer e a responsividade do projeto será melhorada.

  Espero que ajude!

  Fora isso, meu amigo, seu projeto está excelente!

  0