diff options
| -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 |