Frida Posts - Answer Overflow

Frida

•Created by Frida on 8/19/2023 in #front-end

Space Travel Project - Button hover state

Hi, I am working at the space travel project (building it in React and with Sass) I am just wondering for the 'Large button' hover state, can we just use:

.main-cta {
  padding: 0 2em;
  transition: 0.3s ease;

  &:hover {
    outline: 2.5em solid hsl(var(--clr-white) / 0.15);
  }
}

instead of the ::after solution? It's just one line of code. Would there be any issues or drawbacks with this solution?
Thanks for any thoughts on this!

6 replies

Gaming

Programming