💻 Three-column preview card component - Frontend Mentor

This project consists of a 3-column preview card component made with React and Vite, responsive for mobile and monitors. The challenge was provided by Frontend Mentor.

🎯 The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

🧱 Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• React - JS library
• Vite

🛠️ Useful resources

• Accessible Links
• Como implementar hover no estilo inline do React JS - Portuguese article that shows how to implement hover styles regarding inline css
• How to Style Your React Apps with CSS Like a Pro - Tips on how to implement css in different ways with React
• Inline CSS styles in React: how to implement a:hover? - Good ideas there to implement inline hover
• useState

🧑🏻‍💻 Author

• GitHub
• LinkedIn
• Frontend Mentor