From 9832323576a82adda6c978dff20867eef68f4dbc Mon Sep 17 00:00:00 2001 From: Alex Karle Date: Sun, 22 Dec 2019 00:19:17 -0500 Subject: [PATCH] style: found solution to mobile text size I finally found the solution to the proper mobile text zooming! The solution was to use the "meta viewport" tag, which seems to detect the small device and scale up the font. After scouring the CSS docs, the solution was an HTML tag all along... go figure! More on this here: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag --- index.html | 1 + style.css | 5 +++-- thoughts.html | 1 + 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 6d07ddb..379fb75 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ alex.karle.co + diff --git a/style.css b/style.css index 8e93940..88bcc96 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,8 @@ body { background-color: #F5F5F5; font-family: "Courier New", monospace; - margin-left: 40px; - margin-right: 40px; + margin-left: 20px; + margin-right: 20px; font-size: 1em; } @@ -19,6 +19,7 @@ body { #nav { text-align: center; + margin-bottom: 20px; } #nav > a { diff --git a/thoughts.html b/thoughts.html index a985b57..3411889 100644 --- a/thoughts.html +++ b/thoughts.html @@ -4,6 +4,7 @@ alex.karle.co + -- libgit2 1.1.1