Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML5&CSS3

@Gabriel0074

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Sou novato ...Aceito críticas contrutivas.. "errar faz parte do processo de aprendizagem"

#to-tentando-#

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Fala @Gabriel0074!

Seu projeto ficou ótimo!

Notei que você utilizou padding pra afastar o card das bordas. Usar margens ou paddings 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; /*  também funciona com grid  */
    justify-content: center;
    align-items: center;
}

Espero que ajude!

Fora isso, você fez um excelente trabalho!

Marked as helpful

0

@Gabriel0074

Posted

boa irmão , obriga pelos conselhos ... ainda estou batendo muita cabeça com media queries e adaptação de telas, to me esforçando o maximo ... agradeço demais seu conselho irmão de coração mesmo .. tmj@danielmrz-dev

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

@Gabriel0074

Faz parte do processo, mano!

Só continue estudando! Com o tempo, fica mais fácil 😁

Marked as helpful

0

@Gabriel0074

Posted

boto fé demais mano , vai da bom ... lance e meter a cara e estudar ... obrigado pelas dicas irmão inclusive usei ela no exercicio que fiz ainda pouco .. salvou dms .. @danielmrz-dev

1

@lucasbsand

Posted

Daora mano, ansioso pela tua evolução!

0

@Gabriel0074

Posted

tmj obrigado mano , digo o mesmo , po eu to batendo cabeça ... mas ta valendo a pena kkkkkkkkk e po esse lance de media queries e adaptação de telas ta osso kkkkkk pqp , espero o memso de você mano , vai dar bom confia..@lucasbsand

1

@lucasbsand

Posted

@Gabriel0074 no começo esses bglh são bem chatos, msmkkkk mas com o tempo você pega o jeito, só seguir em frente e continuar com os estudos que uma hora a recompensa chegakk. Pra falar a vdd eu tô estudando a bastante tempo isso já, mas só criei coragem pra ir mostrando o que aprendi agrkk

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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