Skip to content
Submitted 1 day ago

Results summary component - React, CSS Modules, JS

react
P
LVL 2
Albert Hong•150
@ahong211
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What challenges did you encounter, and how did you overcome them?
  • Moving from vanilla HTML and CSS to React.
  • Developing my best judgment on when to use the exact px -> rem conversion and evaluating tradeoffs as I realize using a value like 4.3125rem is certainly incorrect. This still requires some more reps on my side!
  • Understanding Vite's build tools - The starter data.json file used absolute paths for the images. The simplest solution would be to add the assets into the public directory to allow me to use the path for each asset. I changed the structure to be a bit more React idiomatic where I import the assets instead for my SummaryItem component.
What specific areas of your project would you like help with?

All feedback welcome 😄

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Albert Hong’s solution.

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