Submitted 2 months ago

Página Web criado com HTML5 e CSS flexbox.

jrofernandes• 30

@jrofernandes

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Estou orgulhoso de ver meu primeiro projeto funcionando, acredito que as expectativas foram superadas com meu primeiro projeto. O que eu faria diferente na próxima vez?

Vou utilizar este código fonte como base para não perder tempo procurando informações sobre elementos e tags do código fonte.

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

Meu maior desafio foi superar a ansiedade de poder realizar o projeto, pois não sabia por onde começar, decidi seguir o tutorial da W3Schools desde o início até chegar à resolução que considerei ser ideal para o projeto.

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

Apesar de seguir um tutorial desde o ínicio até chegar a parte da semântica, eu ainda tenho dúvidas sobre como organizar melhor os elementos no código fonte seguinte uma estrutura semantica bem estruturada.

Community feedback

Daniel 🛸• 44,230

@danielmrz-dev

Posted 2 months ago

Fala @jrofernandes!

Seu projeto ficou ótimo!

📌 Existe uma forma bem 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;
}

Espero que ajude!

Fora isso, você fez um excelente trabalho!

jrofernandes• 30

@jrofernandes

Posted 2 months ago

Fala @danielmrz-dev! Amigo, muito obrigado pelo feedback, vou usar sua orientação para correção do código.

Please log in to post a comment

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