diff options
| author | Paul Duncan <pabs@pablotron.org> | 2020-03-06 21:11:01 -0500 |
|---|---|---|
| committer | Paul Duncan <pabs@pablotron.org> | 2020-03-06 21:11:01 -0500 |
| commit | 115ca81006a0b669a1aabab2068f91147408228f (patch) | |
| tree | 89b85ffa7c08f7f4ccb1cf078f8b64840ae3de13 | |
| parent | aa0b112fe7acd2ae7eeef3ca39739f98b0adce2c (diff) | |
| download | alonzo-mood-calculator-115ca81006a0b669a1aabab2068f91147408228f.tar.bz2 alonzo-mood-calculator-115ca81006a0b669a1aabab2068f91147408228f.zip | |
layout improvements
| -rw-r--r-- | public/face.css | 10 | ||||
| -rw-r--r-- | public/index.html | 4 |
2 files changed, 10 insertions, 4 deletions
diff --git a/public/face.css b/public/face.css index 8ef6e85..db8016b 100644 --- a/public/face.css +++ b/public/face.css @@ -9,11 +9,10 @@ body { } #text { - width: 50%; margin: 20px auto 20px auto; } -#text h1 { +h1 { text-align: center; } @@ -34,3 +33,10 @@ body { .hidden { display: none; } + +@media (min-width: 992px) { + /* limit text with on large screens */ + #text { + width: 50%; + } +} diff --git a/public/index.html b/public/index.html index 052849b..e166768 100644 --- a/public/index.html +++ b/public/index.html @@ -9,9 +9,9 @@ </head> <body> - <div id='text'> - <h1>Alonzo Mood Calculator</h1> + <h1>Alonzo Mood Calculator</h1> + <div id='text'> <p> Calculate Alonzo's mood with pinpoint accuracy by leveraging the latest synergy of advanced technology and cross-platform |