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-main

hitmorecodeβ€’ 6,270

@hitmorecode

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Collins Adaighoβ€’ 30

@Donsmatt

Posted

What's up bro. Tried this your penpot. I need more tips, where can i contact you? @hitmorecode

0

hitmorecodeβ€’ 6,270

@hitmorecode

Posted

@Donsmatt https://discord.gg/hysHWdG5

0
LENI4Cβ€’ 150

@LENI4C

Posted

this is niceeeee, how are you able to get your own version to match perfectly with frontend mentor's design

0

hitmorecodeβ€’ 6,270

@hitmorecode

Posted

@LENI4C Thanks bro, I use penpot to measure the pixels as close as possible to the original design.

1
LENI4Cβ€’ 150

@LENI4C

Posted

@hitmorecode sorry to bother you again I just did a quick Google search on "penpot" and apparently it's a UI tool, how does that work with getting the measurements do I like just upload the image file that comes with the free account to the penpot app?

0
hitmorecodeβ€’ 6,270

@hitmorecode

Posted

@LENI4C no problem we are here to help each other.

  • If you don't have it already, just create an account on penpot (it's free).
  • Once you login, create a new project and import the images you get from Frontend Mentor.
  • Once the images are in, create a rectangle (or more depending on the design) over the images and check the measurements.
  • Use these measurements on your CSS and you are done 😁😎
2
LENI4Cβ€’ 150

@LENI4C

Posted

@hitmorecode ahhh, nicee, thank you very much

0
hitmorecodeβ€’ 6,270

@hitmorecode

Posted

@LENI4C you welcome πŸ‘

0
ji panupongβ€’ 10

@ppji28

Posted

this helps me a lot, thank you@hitmorecode

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