Frontend Mentor 3-column preview card component solution

This is a solution to the 3-column preview card component challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Useful resources
  • Author

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• Solution URL: Solution URL
• Live Site URL: Live site URL here

Built with

• Semantic HTML5 markup
• Tailwindcss CSS Framework
• Flexbox
• Mobile-first workflow

What I learned

I am currently in love with tailwindcss (CSS framework). This framework makes coding CSS easier, and this is my first project using tailwindcss.

Useful resources

• [Tailwindcss] (https://tailwindcss.com/) - This helped me so much with styling css faster.

Author

• Frontend Mentor - @stkhalisha
• Freecodecamp - @stkhalisha
• Twitter - @stkhalisha