3 column preview card component

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 2 years ago

  Hi there, Gabriela! 👋

  Nice work on this challenge! 🙌

  I'd like to suggest,

  • Adding a max-width to the card component as a whole to prevent it from becoming too wide when the width of the screen increases (such as in the desktop view).
  • Using align-items: stretch for the card component so that each section inside it fills up the entire height of its parent container (to prevent the sections from having an uneven height at certain screen widths).
  • Making the "Learn more" elements links, not buttons (since, even though they look similar to buttons, they will likely take a user to another page when clicked).
  • Using an h2 element for the headings in each section of this card component. It is recommended to use the h1 element only once per page so that there is a single most important heading.

  Hope you find this helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  2

  ---

  

  Gabriela•180

  @PaulaR-05Posted almost 2 years ago

  @ApplePieGiraffe thank you so much for your help :) I really appreciate it!

  1