Submitted almost 2 years ago

QR Code Component using flexbox

@Matthew7991

A solution to the QR code component challenge

Solution retrospective

My biggest issue was getting the colors right with the provided ones. At the end i simply used a color picker and replaced them. Thought i am wondering what effect was used.

Code

Please log in to post a comment

Community feedback

Mikhail•440
@MikeBeloborodov
Posted almost 2 years 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!

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord