diff --git a/tarotcard.css b/tarotcard.css index eb0f6bc..553b8f6 100644 --- a/tarotcard.css +++ b/tarotcard.css @@ -5,6 +5,9 @@ .tarot-card { aspect-ratio: 7 / 12; + max-height: 80vh; + max-width: 80vw; + border: 1em solid white; } @@ -31,9 +34,16 @@ .tarot-card__section--title { height: 10%; + + display: grid; + place-items: center; + background: var(--tarot-card-title-background-color); } .tarot-card__title { margin: 0; + + font-family: monospace; + font-weight: 900; } diff --git a/test/index.html b/test/index.html index 8604197..f8aaa5d 100644 --- a/test/index.html +++ b/test/index.html @@ -13,10 +13,6 @@ display: grid; place-items: center; } - - #simple-card { - height: 88vh; - } @@ -26,11 +22,11 @@
- The Simple Card artwork image. + The Simple Card artwork image.
-

The Simple Card

+

The Simple Card.