Skip to content
OverviewSolutions
6
Comments
2
Jinson Abraham
@web2feel

All comments

  • Antoine-thz•90
    @Antoine-thzSubmitted over 1 year ago

    I have a problem with the bottom of each activity cards. We can see like 1 px of the background color at the bottom border radius and I don't know why and how to fix that.

    Thanks

    Using react and vite

    1
    Jinson Abraham•140
    @web2feelPosted over 1 year ago

    About that 1px background color bleed, a trick I tried is changing the bottom border radius of the content element from 15px to 13px.

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

    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. 😊😊

    Results summary component

    1
    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