3-column preview card component using React and Tailwind CSS

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 😁

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👍💻