Skip to content
Submitted over 1 year ago

Projeto feito com grid e flex

accessibility
Elson Martins•150
@ElsonMartins
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Muitas complicações por causa do responsivo e sobre a IMG.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    Luciano Lima•1,270
    @LucianoDLima

    Opa, tá metralhando esses desafios, que bom que ta focado haha continue assim!

    Feedback:

    • Não sei se notou, mas ele não centraliza horizontalmente em telas maiores. Isso acontece pois você adicionou max-width: 1440px; no <body>. Se você remover, vai notar que isso já resolve e ele centraliza corretamente.
    • Referente a semântica, você iniciou com um <h1> no título, muito bom, mas em seguida pulou direto para o <h3>. O correto é você sempre seguir na ordem. Se você usou o <h1>, o próximo deveria ser o <h2>. Caso você queira deixar o h2 menor, não tem problema, só estilizar com CSS
    • Sobre o responssivo, você não utilizou @media query em lugar algum, da uma olhadinha melhor sobre como usar esse recurso, pois ele que resolve a questão da responsividade. Você pode ler mais sobre aqui nesse artigo
    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