QR Code Component using flexbox

Community feedback

• 

  Mikhail•440

  @MikeBeloborodovPosted over 1 year ago

  What do you mean by "Getting the colors right with the provided ones"? If you don't know how to use them because they are in hsl format, then it's very simple, just put them in your CSS code as is, for example:

  .qr-card {
  background-color: hsl(0, 0%, 100%);
  }
  

  Or you can make a variable:

  :root {
  --card-background: hsl(0, 0%, 100%);
  }
  
  .qr-card {
  background-color: var(--card-background);
  }
  

  Hope it helps, good luck!

  0

  ---

  

  Matthias K•30

  @Matthew7991Posted over 1 year ago

  @MikeBeloborodov Thanks for the reply

  I understand how the colors work my issue These colors were provided

  • White: hsl(0, 0%, 100%)
  • Light gray: hsl(212, 45%, 89%)
  • Grayish blue: hsl(220, 15%, 55%)
  • Dark blue: hsl(218, 44%, 22%)

  But they looked nothing like the ones in the preview so i used color picker to get the following ones

  • Light-gray: hsl(232, 4%, 59%);
  • Grayish-blue: hsl(212, 45%, 89%);

  And i kinda doubt that they would provide the "wrong" colors so I expected that some property was used to make them appear different

  0

  

  Mikhail•440

  @MikeBeloborodovPosted over 1 year ago

  @Matthew7991 I don't know, they were ok for me, used them and didn't change them. You can check my picture from the challenge, I think it's the same color. Maybe something with your monitor colors?

  0