Skip to content
Submitted over 2 years ago

QR Code Component

tailwind-css
Cory•70
@Beefsupreme21
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Had a little trouble centering the card vertically. Ended up making it flex with justify-content: center and align-items: center, not sure if there is a better practice or if this is just fine?

I also struggle a bit using fonts with Tailwind. So I end up using a combination of CSS and Tailwind.

The image is also not showing on the GitHub Live Site URL. I read that it can take a bit of time for the serves to update. Hopefully it shows up soon.

Code

Please log in to post a comment

Log in

Community feedback

  • Harrison L. Klippel•50
    @Harry-klippel

    Está muito bom. Flex box é sempre uma boa prática no CSS por deixar a pagina mais responsiva, isso inclui justify-content etc.

    Uma dica é realizar os projetos já utilizando outras boas práticas, como CSS em um arquivo separado, fica mais facil de quem acessar seu repositório ler e entender o código.

    Marked as helpful

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