Skip to content
Submitted almost 3 years ago

Hub de desafio de componentes do cartão de visualização de estatística

Breno Lima•20
@ONniTe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

How can I enable smoother responsive

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    Hey good job on this challenge! Wrap everything in your body in <main> ... OR use semantic tags! .... you can also give role="" to the direct children of your <body> but that's a little frowned upon... Read more here

    Here's my repo for future reference.

    Hope this helps :)

    1
  • ADITYA KUMAR•190
    @akaditya394Posted almost 3 years ago

    Great Work! You can checkout my solution for this challenge. You'll get an idea. Also I would like you to learn about flexbox. You can watch this https://youtu.be/fYq5PXgSsbE

    1
  • Jessica•880
    @perezjprz19Posted almost 3 years ago

    That's a lot of media queries...

    If you start with mobile-first approach you don't need as many. Also, the browser already has some responsiveness built in to it, so just look to see where things start to break and then adjust the layout of needed.

    Here is a look at my approach:

    https://www.frontendmentor.io/solutions/stats-preview-card-using-flexbox-q9VMaqf7M

    Also... if you change your div for attribution to a footer, it will clear your accessibility report.

    Happy Coding!

    1

Please log in to post a comment

Log in with GitHub

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