v1.0.1

🎨 CSS Update: new features and utilities

Updated several classes using new features from TailwindCSS 3.4 and re-implemented custom classes into the utilities layer.

🛠️ Changes

• Changed w-*/h-* combinations to size-*
• Changed 100dvh arbitrary classes to new dvh class
• Changed card sizes from width and height to width and aspect ratio
• Added text-pretty to modal text
• Added grid-center to Tailwind Utilities
• Re-implemented preserve-3d, flipped and backface-hidden classes as Tailwind Utilities

v1.0.0

A concentration and memory game inspired by the most unpredictable and unique Christmas movies.

Embrace the memorable Christmatch spirit here.

📋 Instructions

The grid contains 20 clickable cards those being 10 pairs of Hallmark Christmas movie covers for you to match.

Start by clicking a card to flip it face-up revealing the movie cover, then click a new card to reveal it and see if they are the same movie.

Proceed through all the cards as you memorise the location of the different movies, so you eventually will be able to match them all.

🎥 Movies

There are 28 unique movies released from 2015 through 2020.

Each time a game is started, 10 movies will be randomly chosen for that game.

Will you be able to properly distinguish them all?

🙌 Support

...is for me? 😳👉👈