buttons bug

[Seth-666]

I tried to copy a websites just for learning and something happens that I can’t understand why, take a look pls https://www.youtube.com/watch?v=UrfH7P5NlWo and tell me why the buttons are getting biger when a hover ..

[Paulie_D]

Videos aren’t much use since we can’t inspect the code.

Please create a minimal demo in Codepen.io that shows the issue.

[Seth-666]

http://codepen.io/Seth-666/pen/NbvbXL

i mest up a little the cod .. but the problem is the same , when a i hover on a button it get bigger … why ?

[Shikkediel]

It’s because of this:

.moreinfo a:visited, a:hover {
  border: solid 2px white;
  border-radius: 2px;
  padding: 10px 53.5px 10px 53.5px;
  color: white;
}

[Seth-666]

so i have to be careful with the width and height bouth to be smaller than its container sizes?

[Shikkediel]

Looks like you figured things out when I check the example…

[Author]

Posts