@phichayut-pak
Posted
Hi! I would say it's a great start for you! But first of all, congratulations on your project! šš Here are the things I would suggest :
-
For your question, I fixed it by playing with opacity on hover. You might wanna try that out, or another way is to use
group
andgroup-hover
from TailwindCSS ( it's a css framework that pretty much makes our styling quicker and easier ) -
You might be using padding without noticing that the overflow on x axis appears. Take a deep look on this, it'll affect a lot when you're working with different designs.
-
Font size and Font weight matter! You can choose whether you want to fix on this one, it's just for more detail.
Keep studying and practicing! š„š„
Marked as helpful
@thejackshelton
Posted
@phichayut-pak thanks so much for the insight! I will continue practicing haha.
-
yeah I understood the commands on how to add it, I just didn't know how to implement it. I tried having the icon and the image of the same class with hover but it didn't work, and I spent longer than I should've figuring out how to get the icon and opacity to display once hovered. Ended up removing it all.
-
As in there was more padding to one side than the other? I'm very new to all of these commands and there were definitely some parts I didn't know how to position them exactly without it being a bit off centered. I used the position command a lot. Would this have been solved better with grid or a different command?
-
I'd love to correct the font-size and font-weight, I didn't see much of it in the read me file. Is there a place where we can see the solution other than a picture?
Thank you so much for the feedback! This is so fun and I love it.