@Fansters
Posted
Hey, good job on the challange!
I was wondering though, why did you use :active
selector, instead of :hover
on the images and text where it was necessary?
As for the element positioning, you said it yourself - top: 50%; left:50%;
does position element in the center, but the position is calculated from the top left corner and you need to pull it back half its width and height. This article shows great example with picture, how it would center with and without transform property.
Marked as helpful
@wesleyjacoby
Posted
@Fansters
Thanks so much for that link. That explains it perfectly.
As for the :active, the design screenshot had the word active in it, so I took it literally. Haha. Hover does make much more sense. I'll change the code to have :hover instead.
Thanks again!
@Fansters
Posted
@wesleyjacoby Glad i could help! Happy coding!