This is the 1st challenge. Needed to reproduce an Order Summary component. Below is the style guide.
Brief: Your challenge is to build out this order summary card component and get it looking as close to the design as possible.
Style Guide:
The designs were created to the following widths:
- Mobile: 375px
- Desktop: 1440px
- Pale blue: hsl(225, 100%, 94%)
- Bright blue: hsl(245, 75%, 52%)
- Very pale blue: hsl(225, 100%, 98%)
- Desaturated blue: hsl(224, 23%, 55%)
- Dark blue: hsl(223, 47%, 23%)
- Font size (paragraph): 16px
- Family: Red Hat Display
- Weights: 500, 700, 900