3-column preview card component using React and Tailwind CSS

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted over 2 years ago

  Hey King, congratulations on completing the challenge! You did a great job 😉

  Let me give you some little tips for optimizing your code:

  • Tip of graphic design: with font-family:" Big Shoulders Display ", cursive the browser will use the Comics Sans font when it doesn't find the first font indicated (you can seen during loading)... for the designer it's a really awful font! I would rather replace it with a font-family:" Big Shoulders Display ", sans-serif much more similar to the primary font.
  • add main tag and wrap the cards for improve the Accessibility
  • use button instead of p for the learn more buttons
  • remove all margin from first child div of root div
  • use flexbox to the body to center the cards
  • after, add min-height: 100vh to body because Flexbox aligns child items to the size of the parent container

  Hope this help! Happy coding 😁

  0
• 

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  Your solution looks great and responsive on smaller devices.

  • I like the amount of spacing on the cards.
  • Try to fix the accessibility issues.

  Besides great job there👍 Happy coding👍💻

  0