Make A CSS Class for All Cards

devgianlu / PYX-Reloaded

A fork of the original Pretend You're Xyzzy, with a completely rewritten frontend and some major changes on the backend

Apache License 2.0

26 stars 13 forks source link

Make A CSS Class for All Cards #36

Closed HopperMCS closed 6 years ago

HopperMCS commented 6 years ago

[x] Make a CSS class for all CAH/Cardcast cards that enforces consistent width/height among each card. Should be added to an mdc-card class (or subset of).

devgianlu commented 6 years ago

The major issue is that I don't really know how to size the cards in responsive manner

HopperMCS commented 6 years ago

@devgianlu There are two units in CSS for this that specifically match your viewport. Instead of using px, use vh and vw. vh is Viewport Height and vw is Viewport Width. This way, the cards will resize dynamically based on what's there. I think something like 1vh = 1% of the viewport height IIRC.