When they learn a language by themselves, most people use paper or cardboard cards for easy vocabulary learning. They go through them as often as possible, trying to find systems to see them nore often when they don;t know it, and less often when it’s in their long-term memory.

Today, computer softwares like Anki or Memrise do it for you, using Spaced Repetition System (look it up).

But that’s not today’s point. Sometimes you want to see cards one by one so you can learn them from your phone in a moving subway, other times all of them on your huge desktop screen to sort through them.

So I needed a way to easily change the cards size without much code :

See the Pen Cards & Sizes by Pierre (@Marekje) on CodePen.

Look at the three first lines of CSS : That’s all you need, the whole card changes according to that setting !