Hover effect not working
I want to add hover effect on tab icons on left side as you can see that there is a hover effect with bg-color blue .But i am unable to add this do not know why codepen link"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
16 Replies
The main reason is that you have a layer which is covering all the contents
can i override them
giving that layer
pointer-events:none; should give you ability to hover over the tabscan you tell me why i am having a silver background in my spotify card"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
i want the same background color for the spotify card as the background color of the body
You already have a post for this and instead of fixing your 4000 line css file you burden someone else with it
The border class is why
You have a border class for that entire box and for some reason, buried in the CSS, the border class causes a background image that causes that shiny background
Lol it's tailwind mixed with all their css.
Yea it's just lazy 🤷 it's my pet peeve lol
Remove the border right after you make the flex div for the entire box
yeah i know but it is someone else code i do not know why someone will do this
Fair enough
i want top and bottom margin for card but do not know why it is not working for small screen sizes"https://codepen.io/Talha-Mustafa/pen/YzRdPyR
I don't know tailwind sorry
What do you mean?
Like, by margin
There's no other elements
Do you mean padding or something
yes i want space from top and bottom for my card for small screen sizes there should be some space between body and card
I'm sorry but I can't crawl through all that css to figure why it's not working
I'm on mobile rn
Not the best for debugging