Submitted 7 months ago

Results card using React and Tailwindcss

Alan Heffernan• 215

@alanjheffernan

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Results summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Would be interested to see if anyone has a better solution when looping through data to create the results component,

{categoryData.map((category, index) => ( <CategoryCard key={index} {...category} /> ))}

And then also in the CategoryCard component is there a better way to deconstruct the object?

The categoryData object is currently deconstructed in the input props. Just wondering if it would be better to keep the object whole here and deconstruct it in the code?

Community feedback

Ihongbe-O-Nelson• 10

@Ihongbe-O-Nelson

Posted 7 months ago

Hey man, what's good? I have issues with my live link from GitHub. recently uploaded my solution to this same design, but my live link is giving me just some blank page. you have any idea how I can fix this?

This is my first time experiencing this, and I feel comfortable asking you cause we approached the task similarly using react and tailwind css... is there something you think i can do to make the link properly display my work?

Alan Heffernan• 215

@alanjheffernan

Posted 7 months ago

@Ihongbe-O-Nelson

Not completely sure but ensure your repository is public.

Ihongbe-O-Nelson• 10

@Ihongbe-O-Nelson

Posted 6 months ago

@alanjheffernan sure... it is....

i have fixed it tho. thanks man

Please log in to post a comment

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