Colmar Academy Project, question about :hover on touchscreens

Hi everyone,

This is my first major project after The Tea Cozy. I’d appreciate your critique, I have a feeling while the end goal is similar to the spec image I went about things is a roundabout way and the code is probably very messy.

Colmar Academy

Github Repository

I made most of my clickable elements have hover transitions, is there a good way to make these work on mobile? If I click a :hover item on mobile it stays stuck in it’s transitioned stage until I click off of it.

Thanks everybody, I’m really happy with how this came out!