From ac6d4f2200eb6eadd14dd30b6df6d7be90d49e93 Mon Sep 17 00:00:00 2001
From: knolax <1339802534.kk@gmail.com>
Date: Tue, 27 Feb 2018 21:18:06 -0500
Subject: changed font to adjust dynamically, as opposed to dynamically
centering. This should be more mobile friendly now.
---
style.css | 19 +++++++++++++------
1 file changed, 13 insertions(+), 6 deletions(-)
diff --git a/style.css b/style.css
index a431147..d9ec5eb 100644
--- a/style.css
+++ b/style.css
@@ -22,6 +22,12 @@
font-family: Console, iol, io, monospace;
color: #000000;
margin: 0px; /*default margins get in the way*/
+ /*font size sets font height, assuming font width = 1/2 font height,
+ * then fh /2 * 80 = 60vw
+ * fh = 100/80
+ * fh = 1.1vw
+ */
+ font-size: 1.1vw;
}
a {
text-decoration: none; /*no underline*/
@@ -33,14 +39,15 @@ a:hover {
background-color: #801040;
}
.content {
- /*the following works together to center the entire element*/
- position:relative; /* allows for translation*/
- left:50%; /* this shifts the element to the right by 50% of its parent*/
- display: inline-block; /* this makes the element only as wide as it needs to be*/
- transform:translatex(-50%);/*this shifts it to the left by half its own width*/
+ display: block;
+ width: 50vw;
+ min-width: 50vh;
+ max-width: 90vw;
+ margin-left: auto;
+ margin-right: auto;
}
+
img {
- position: absolute; /*parent now ignores it's size when calculating size*/
display: block;
/*overrides not margin to center from bounds of the <pre> tag*/
margin-left: auto;
--
cgit v1.1