This installment of 50 Projects in 50 Days is another example of a cool effect that looks more complicated than it actually is.
The HTML for this project is just two divs wrapped in a container. The divs initially share the space on the screen 50/50, then when the mouse moves over one side or the other that display ratio changes to 25/75.
This is accomplished via a few lines of JS that add or remove an expanded display class based on a mouseenter (or mouseleave) event listener.
I thought I would personalize this project by replacing the video game consoles used in the course with an option for 'dog people' and 'cat people' to identify themselves. No need to really choose, though, since the voting buttons aren't hooked up to anything!