Skip to content
Submitted 8 months ago

Pagina QR code

Pablo-Lima-Da-Silva•60
@Pablo-Lima-Da-Silva
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?

me orgulho de ter conseguido fazer o desafio sem colar, e sem usar nenhum framework, mas a partir de agora todos os meus projetos eu irei usar o framework tailwindCSS.

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

felizmente não encontrei nenhum desafio enquanto estava codando, mas quando fui upar o site, eu não consegui em nenhuma das plataformas disponibilizadas.

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

framework TailwindCSS, e JS

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 8 months ago

    Fala @Pablo-Lima-Da-Silva!

    Seu projeto ficou ótimo!

    Notei que você utilizou margin pra centralizar o card. Usar margens não é a melhor opção pra centralizar elementos.

    📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):

    • Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):
    body {
    min-height: 100vh;
    display: flex; 
    justify-content: center;
    align-items: center;
}

    Usando Tailwind, você consegue o mesmo resultado usando:

    <body class="min-h-screen flex justify-center items-center">

    Espero que ajude!

    Fora isso, você fez um excelente trabalho!

    Marked as helpful
    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