From 4cf019616531b2deab13e8e0eb5ae4bf7396585b Mon Sep 17 00:00:00 2001 From: cyfraeviolae Date: Sat, 26 Feb 2022 06:40:01 -0500 Subject: responsive --- index.html | 6 +++--- static/styles.css | 21 +++++++++++++++------ 2 files changed, 18 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index f6733de..8d252de 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,8 @@ cyfraeviolae - - + +
@@ -31,7 +31,7 @@

Well-Ordered - computes how to efficiently and incrementally recreate 77 cocktails. + computes how to best incrementally recreate 77 cocktails.

diff --git a/static/styles.css b/static/styles.css index 03f8ee1..e5d471f 100644 --- a/static/styles.css +++ b/static/styles.css @@ -34,16 +34,25 @@ body { color: DarkSlateGrey; font-family: Charter, serif; font-size: 18px; + text-align: center; + line-height: 1; } .container { margin: 0 auto; - margin-top: 6em; - max-width: 40em; - border: 1px DarkSlateGrey dotted; - border-radius: 4px; - padding: 2em; - box-shadow: 4px 4px 0px DarkSlateGrey; + text-align: left; + display: inline-block; + margin: 1em; +} + +@media only screen and (min-width: 700px) { + .container { + margin-top: 10%; + border: 1px DarkSlateGrey dotted; + border-radius: 4px; + box-shadow: 4px 4px 0px DarkSlateGrey; + padding: 2em; + } } p { -- cgit v1.2.3