Product preview card component with flex-box

Community feedback

• 

  Bryan Li•3,530

  @Zy8712Posted 12 months ago

  Your site is pretty solid. Main things I'd add/modify are:

  • a hover effect for your button using the :hover feature
  • using variables so that its easier to tell which color is which. It also helps with reusability and quick modification. It would look something like this:

  :root{
    /* 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%);
  
    --font-theme-montserrat: "Montserrat";
    --font-theme-fraunces: "Fraunces";
  }
  

  Then to use it you could do something like: color: var(--dark-grayish-blue);

  Hope you find this feedback useful 👍

  1