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

• The challenge
• Links
  • Built with
  • Useful resources
• Author

The challenge

Users should be able to:

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

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Built with

• HTML5
• CSS custom properties
• Bootstrap

Useful resources

• Grid system - The Grid system article helped me make the containers. It's built with flexbox and is fully responsive.
• Buttons - Bootstrap includes several predefined button styles which helped me create the buttons for this project. I added an extra class to each button to get as close to the design as possible.

Author

• Frontend Mentor - @EnidaShehu
• LinkedIN - @EnidaShehu