Design comparison
Solution retrospective
Had some difficulty at first with the background image but made it work
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Vitório, tudo bem? Parabéns pelo desafio!
Acabei de ver sua solução e tenho algumas dicas pra você:
1.Faltou você adicionar o background-color pra section dos preços que é ligeiramente mais escuro que a cor do card, vc pode tentar
background-color: #F8F9FE
2.Para tornar sua solução ainda melhor e mais responsiva, você pode criar uma media query para quebrar os elementos na section dos preços/planos e colocar cada conteúdo em uma linha diferente, economizando espaço para dispositivos de baixa resolução.
@media (max-width: 350px) { .pricing { width: 100%; display: flex; justify-content: space-around; align-items: center; margin: 3rem 0; flex-direction: column; }
👋 Espero ter ajudado e continue no foco!
Marked as helpful0
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