Submitted over 1 year ago

Results summary component

Maksudur Rahman• 50

@SparrowHawkEye

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

This is a solution for...

HTML
CSS

1newbie

View challenge

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

@web2feel

Posted 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

Maksudur Rahman• 50

@SparrowHawkEye

Posted over 1 year ago

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