Help pls :) Transform: scale(x)

Hey everyone!

I’m trying to get all of my anchor elements to scale up when i hover over them, however, only the “Let’s Talk” increases in size when i hover.

Could someone please explain what i’m doing wrong?

Thanks!
Nia :slight_smile:

codepen to project

1 Like

Hi @viedelafille

I thinks your problem is the order of your selector for links. Check this:

I hope it helps. Happy coding!

1 Like

Hi @viedelafille

This is the important part of that post
"When setting the style for several link states, there are some order rules:

a:hover MUST come after a:link and a:visited
a:active MUST come after a:hover

"
I think the problem is that.
Happy coding!

1 Like

hey! thank you so much for your input! unfortunately that didn’t work :frowning:

Hi @viedelafille

I am checking for the solutions, it is interesting. It is like they dont have room to grow up.
By the way I think it is better transform this way:
transform: scale(1.2, 1.2);
or use: transform: scaleX(1.2); or scaleY(1.2) instead.
Good luck

Hi @viedelafille
I got your answer. They could not grow up because they are displaying as inline. With this works:

display: inline-block;

Happy coding!

omggg you’re a LIFE SAVER! thank u so much carlos :slight_smile: