3-column-preview-card-component-main

Community feedback

• 

  Suraj Raju Hadage•690

  @SurajHadagePosted over 2 years ago

  This design is the only thing on front-end, so whenever making single component design like this :

  • Always construct/design them inside a <main> tag.
  • You can use three <article> tags for three cards. This way they are more informative or semantic.
  • Don't use <img> tag inside <p> tag. This is not adding any meaning despite taking lines of code.
  • Inside each <article> tag you could use <img>, <h1>, <p> & <button> tags.
  • Use alt attribute for every image because they specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
  • Use Paint app to know accurate dimensions of the design.

  0

  ---

  

  oduh precious•170

  @preciousoduhPosted over 2 years ago

  @SurajHadage oh I see thank you so Much I will put into practice all you have suggested

  0