Skip to content
Submitted over 1 year ago

Results summary component

Maksudur Rahman•50
@SparrowHawkEye
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

I have done this with react + tailwind CSS.

While I was doing this, I face an issue where I want to use some dynamic tailwind CSS classes for background and text color. I find out something for that, we need to use full tailwind CSS classes for that. I used that but still didn't work. So, I have to write some raw CSS to fix that.

Any One out there to help me with that. Thanks in Advance. 😊😊

Community feedback

  • Jinson Abraham•140
    @web2feelPosted over 1 year ago

    Hi,

    Congrats on successfully completing the challenge. I also encountered the issue of dynamic tailwind classes not rendering in my React app.

    I was using string interpolation to construct the class names and apparently, tailwind won't support this. So I built an object with actual TW class names as its property values. Then I was able to use these object properties to insert dynamic class names for the component.

    Marked as helpful
    1
    Maksudur Rahman•50
    @SparrowHawkEyePosted over 1 year ago

    @web2feel great approach there. Thanks a lot 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