Add a hover effect on any card about frontendpro HOT 11 CLOSED

@rishipurwar1 Please review and assign this issue to me. Thanks

from frontendpro.

Hey @rishipurwar1, I also want to work on this issue this is a great opportunity for me.

from frontendpro.

@rishipurwar1 Please review and assign this issue to me. Thanks

Assigned to you
Before committing your code, please show a screenshot of the changes and try to change a box-shadow property on hover, I think It would look good.
and please make a PR to the development branch, not in the main branch.

from frontendpro.

Hey @rishipurwar1, I also want to work on this issue this is a great opportunity for me.

Hey @Preetojha08
You can also work on this but you need to work on the solutions card instead of the challenges card and please make sure you and @tausifaman222 adding the same hover effect on all types of cards.

and @Preetojha08 you can open a different issue for the solution card.

You and @tausifaman222 can discuss your ideas in the codingspace discord server in the codingspace-features-discussion channel.

Feel free to give a star ⭐️ to the repository.

from frontendpro.

@tausifaman222 @Preetojha08 any update on this

from frontendpro.

@rishipurwar1 Extremely, Sorry there was an issue configuring tailwind so couldn't work much. I will be implementing the effect by tonight.

from frontendpro.

@rishipurwar1 Please see the preview below and suggest if any customizations are required.

from frontendpro.

I just added a new challenge in the development firebase project.
Can you please share a screen recording of the hover effect on different screen sizes?
and Is the first card overlapping over the second card on hover?

from frontendpro.

@rishipurwar1 Sure, I have shared the screen recording. Please take a look and give suggestions

from frontendpro.

everything looks good to me!

Is there any need to add the cursor: pointer property to the whole card? We didn't attach a link to the whole card, so, onclick nothing will happen.

from frontendpro.

No, practically not needed. If you suggest, I can remove it. Only, view challenge part needed the pointer.
Thanks for suggestions
@rishipurwar1

from frontendpro.