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

Responsive landing page using Css flex

@pguevara135

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Daniel 🛸 42,250

@danielmrz-dev

Posted

Fala, Paulo!

Teu projeto ficou show!

Tenho uma rápida dica pra você melhorá-lo ainda mais:

Você consegue posicionar seu card no meio da página fazendo isso:

body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;    
}

Eu vi que no seu caso, você já configurou seu CSS dessa maneira, mas você também colocou height: 100vh dentro do container. Pra funcionar, você precisa deixar só no body. É só apagar essa linha de dentro do container que seu card vai pro meio da página.

É simples e ajuda bastante! Espero que seja útil pra você!

Fora isso, seu projeto está ótimo!

Marked as helpful

0

@pguevara135

Posted

Valeu pela dica @danielmrz-dev , estou começando agora toda dica para melhorar é muito bem vinda, já fiz a alteração no meu projeto

1

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