Skip to content
Submitted 9 months ago

Results card using React and Tailwindcss

Alan Heffernan•215
@alanjheffernan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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-NelsonPosted 9 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?

    0
    Alan Heffernan•215
    @alanjheffernanPosted 9 months ago

    @Ihongbe-O-Nelson

    Not completely sure but ensure your repository is public.

    1
    Ihongbe-O-Nelson•10
    @Ihongbe-O-NelsonPosted 9 months ago

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

    i have fixed it tho. thanks man

    0

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