Skip to content
Submitted over 1 year ago

QR Component card | React | TailwindCSS

Sanjit Gawade•90
@SanjitSG
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I learned React and TailwindCSS

What challenges did you encounter, and how did you overcome them?

Setting up tailwind CSS to work with create-react-app

What specific areas of your project would you like help with?

No help required

Community feedback

  • Ecem Gokdogan•9,380
    @ecemgoPosted over 1 year ago

    Some recommendations regarding your code that could be of interest to you.

    • If you want, you can give the recommended color for the background to the body, but it isn't necessary, creativity is always good. :)
    body {
  background-color: hsl(212, 45%, 89%);
}

    Hope I am helpful. :)

    0
    Sanjit Gawade•90
    @SanjitSGPosted over 1 year ago

    what is the benefit of using hsl over other hex or rgb? @ecemgo

    1
    Ecem Gokdogan•9,380
    @ecemgoPosted over 1 year ago

    @SanjitSG The advantage of HSL is easier than RGB to create sets of matching colors by keeping the hue the same and varying the lightness/darkness, and saturation. But, someone answered it informatively in in stack overflow, I recommend that you read it from here and the other source about this issue

    0

Please log in to post a comment

Log in with GitHub

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