3-column-preview-card-component

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 2 years ago

  Hi there! 👋

  For writing CSS, I suggest writing it with the mobile-first approach. So, the initial styling should not be wrapped by a media query. The initial styling is for mobile layout first. After that, use media queries to style the desktop layout.

  Some feedback.

  • Use CSS to uppercase the text. The uppercased word in the HTML might be spelled by the screen reader (spelled letter by letter).
  • I suggest using anchor tags for those "Learn More" buttons. As a user I would expect after I click one of those buttons, I would get navigated to another webpage.
  • By default the body element has 100% width so I suggest removing the width: 100%.

  Hope this helps.

  Marked as helpful

  1