3-Column Preview Card Component - Solution

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  Hi, Joshua!

  This solution can be better if you:

  • Remove each <div> that wraps the semantic HTML. For example, remove the <div class="button">. It is not needed.
  • Directly style each element instead of selecting the element inside the <div>. For example, select or give the class attribute to the <button> element to style the button.
  • Leave the alternative text empty for all the car icons. Those are decorative images.
  • Fix the value of the target attribute. If you want the link to open in a new tab, then _blank should be the value. Then, add rel="noopener" to protect users of legacy browsers from security issues.

  For your information, decorative images are images that don't add any information and serve only aesthetic purposes

  I hope you find this useful.

  Marked as helpful

  0
• 

  Dani Feelshot•370

  @FeelshotPosted almost 2 years ago

  Hello future dev, I really liked your programming exercise! If you continue doing your exercises in this way, you will undoubtedly be a great programmer very soon. Keep trying and learning, and don't hesitate to ask for help when you need it, tag me and I'll be happy to help you!

  Marked as helpful

  0