/Product-preview-card-component

building product preview card component and get it looking as close to the design as possible.

Primary LanguageHTML

Product-preview-card-component

building product preview card component and get it looking as close to the design as possible.

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Dark cyan: hsl(158, 36%, 37%)
  • Cream: hsl(30, 38%, 92%)

Neutral

  • Very dark blue: hsl(212, 21%, 14%)
  • Dark grayish blue: hsl(228, 12%, 48%)
  • White: hsl(0, 0%, 100%)

Typography

Body Copy

  • Font size (paragraph): 14px

Font