Huddle landing page with curved sections solution

Solution retrospective
#HTML #CSS #SASS/SCSS
Good night, what do you think?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
👾Fala João Pedro, tudo bem? Parabéns pelo desafio!
Acabei de abrir o preview da sua solução e achei tudo mto bom, tem poucos detalhes pra melhorar. Aqui umas dicas:
1.Aqui vc tem que retirar a altura
height
pra fazer o container parar de crescer depois da altura setada na classe, note que o conteudo começa a sair depois de 400px. Pra resolver isso é so tirar a altura, note que altura de elementos flex cresce automaticamente com o conteudo:main .card { background-color: hsl(214deg, 17%, 16%); width: 100%; max-width: 400px; /* height: 400px; */ padding: 30px; display: flex; flex-direction: column; border-radius: 20px; }
2.Coloque
flex-wrap: wrap
pra fazer os botoes com os numero se ajustarem em linhas diferentes de acordo com a largura do card:main .card .btn-card { flex-wrap: wrap; display: flex; justify-content: space-between; max-width: 100%; margin-bottom: 30px; }
👋 Espero ter ajudado e continue no foco!
Marked as helpful
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