Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results summary component

@pragathi567

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


All feedback is welcome thank you in advance

Community feedback

@DonHeidi

Posted

Hey PRAGATHI567,

I think you nailed the example quite well. It seems to me, that you may have forgotten to add your assets to your project. Maybe you have forgotten them to add to your git commit?

You can add the assets folder with

git add assets/
git commit -m "added assets"
git push

Also, you have a margin on your mobile view. This is, because elements have margin and padding by default via the browser.

A short way is to add this CSS rule:

*, *::after, *all::before {
  margin: 0px:
  padding: 0px:
}

The * is a whitecard that stands for all elements. You can learn more about this from Josh Comeau and (his custom css reset)[https://www.joshwcomeau.com/css/custom-css-reset/].

I often use his reset in my projects as well. Hope this helps.

Besides that good work. Keep it up!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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