Design comparison
Solution retrospective
none
What challenges did you encounter, and how did you overcome them?The difficulty I encountered was how to efficiently centralize the content of the div.
What specific areas of your project would you like help with?CSS, div
Community feedback
- @letsGetToCodePosted 7 months ago
Acho que não há muito a apontar para o projeto, bom trabalho!
Normalmente para centrar o conteúdo das div utilizo flexbox. Um exemplo:
<div class="container"> conteudo </div>
.container { width: 200px; align-items: center; justify-content: center }
Lembrando que se
flex-direction: column
align-items interfere no eixo X e justify-content no eixo Y. Seflex-direction: row
esses comandos alterarão os eixos Y e X respectivamente.0 - @Grego14Posted 7 months ago
Hello! 🎉 congratulations on completing the challenge! 🎉
It is not necessary to use
margin: 0 auto;
to center the .container element since in the body element you only need to use the justify-content property with the value center to center it .I have nothing more to add, you did it amazing!
I hope this helps! 😁
0 - @Aidanx9Posted 7 months ago
It's good, does the layout look good on a range of screen sizes?
0
Please log in to post a comment
Log in with GitHubJoin 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