Single Price Grid Component - front end mentor Challenge

Responsive Single Grid Component.

[Frontend Metor Link] (https://www.frontendmentor.io/challenges/single-price-grid-component-5ce41129d0ff452fec5abbbc)

Your challenge is to build out this preview card component and get it looking as close to the design as possible. Your users should be able to: View the optimal layout for the component depending on their device's screen size (Responsive)

Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• Light Sea Green: #2AB2AF
• Lighter Green:#4ABEBD;
• Light green:#C0DF34;

Neutral

• White: #FFFFFF
• Light Blue:#E6EFF6;
• Purplish Grey:#98A6BD;

Typography

Body Copy

• Font size (default): 18px

Font

• Family: Karla
• Weights: 600, 400, 700