Utilizei o display flex para centralizar o container ao centro da pag.
Design comparison
Solution retrospective
Me orgulho de conseguir centralizar meu container certinho e também de conseguir adicionar o footer no fim da pagina sem afetar a centralização do meu container.
What challenges did you encounter, and how did you overcome them?O maior desafio era conseguir colocar o meu footer no fim da pagina sem afetar muito o meu container, pois antes eu estava usando padding-top ou margin-top no meu footer e ele empurrava o container para o topo da pagina. Resolvi criando uma div que envolvia todo meu container nela coloquei estas propriedades: display: flex; flex-direction: column; min-height: 100vh;
e no meu container adicionei um margin: auto junto das propriedades que já cotiam.
What specific areas of your project would you like help with?Formas talves melhores de centralizar um container com flex ou grid.
Community feedback
- @marsh189Posted 6 months ago
I believe this works perfectly well, however there are a couple places that stick out to me. First I would look at adjusting the padding around the whole component. The sides look a lot thinner around the image than it does at the top of the image while there is a lot of empty space at the bottom. Also, another small thing I would consider is to play around with the border radius. To me, it looks like it could be a little higher.
Marked as helpful0@Weslley-Souza32Posted 6 months agoVerdade @marsh189 olhando bem agora os contornos poderiam ter ficado melhor mesmo rssrrs, obg pelo feedback, nas próximas irei melhorando mais.
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