Responsive stats preview card made with flexbox
Design comparison
Solution retrospective
Would be happy to hear your feedback!!
Community feedback
- @palgrammingPosted over 3 years ago
Wow you nailed the desktop view but there is no mobile view. You really should take what you learned making the desktop layout and try coding this again from scratch with the mobile sized elements and then transition it back to desktop sizes so the page will work no matter ones screen size
1@vitorlfariaPosted over 3 years ago@palgramming Thanks for the feedback!
I made the responsive based on the iPhone X and looks good on it's display, the problem was that i didn't checked on other display sizes to correct with more media queries. What you think about it? it should solve the problem too? I'll take your advice too so i can grow more expertise.
0 - @yudiyoshidaPosted over 3 years ago
Hey Vitor, como vai? Seu projeto ficou muito bom, parabéns!
Porém, em algumas dimensões de telas não foi possível enxergar todo o conteúdo... talvez seria uma boa ideia adicionar mais media queries.
Keep coding! :D
1@vitorlfariaPosted over 3 years ago@yudiyoshida Muito obrigado!
Eu fiz o responsivo baseado no iPhone X, ficou bom nele, porém realmente esqueci de verificar em outros dispositivos igual fiz no outro projeto. Muito obrigado pelo toque.
Te segui no instagram, não sei se é você o Yudi Matsuguma. Se quiser trocar algumas experiências e dicas, eu sou bem iniciante nessa área, me chama lá.
1@yudiyoshidaPosted over 3 years ago@vitorlfaria Opa, sou eu sim. vou te seguir de volta e trocamos algumas ideias. Valeu!
1
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