aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPaul Duncan <pabs@pablotron.org>2020-03-06 21:11:01 -0500
committerPaul Duncan <pabs@pablotron.org>2020-03-06 21:11:01 -0500
commit115ca81006a0b669a1aabab2068f91147408228f (patch)
tree89b85ffa7c08f7f4ccb1cf078f8b64840ae3de13
parentaa0b112fe7acd2ae7eeef3ca39739f98b0adce2c (diff)
downloadalonzo-mood-calculator-115ca81006a0b669a1aabab2068f91147408228f.tar.bz2
alonzo-mood-calculator-115ca81006a0b669a1aabab2068f91147408228f.zip
layout improvements
-rw-r--r--public/face.css10
-rw-r--r--public/index.html4
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