From b531d961c199be69885981b4ae8d5b15c1f8c2fc Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Mon, 19 Sep 2022 13:29:58 -0400 Subject: [PATCH] Styling progress --- src/layouts/page/style-guide.html | 16 ++ src/static/Images/large-grid.svg | 308 ++++++++++++++++++++++++++++++ src/static/css/style.css | 15 +- 3 files changed, 331 insertions(+), 8 deletions(-) create mode 100644 src/static/Images/large-grid.svg diff --git a/src/layouts/page/style-guide.html b/src/layouts/page/style-guide.html index 1600149..407fec1 100644 --- a/src/layouts/page/style-guide.html +++ b/src/layouts/page/style-guide.html @@ -17,6 +17,8 @@ {{ end }} diff --git a/src/static/Images/large-grid.svg b/src/static/Images/large-grid.svg new file mode 100644 index 0000000..38c6ece --- /dev/null +++ b/src/static/Images/large-grid.svg @@ -0,0 +1,308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/static/css/style.css b/src/static/css/style.css index f65bd08..7218565 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -126,8 +126,8 @@ li{ h1{ font-size: 11.5vw; line-height: 12.4vw; - margin-top: -20px; - margin-left: -15px; + margin-top: -1.116vw; + margin-left: -0.837vw; } h2{ @@ -157,15 +157,14 @@ li{ p{ font-size: 1.116vw; } -/* @media only screen and (min-width: 768px) and (max-width: 1200px) { h1{ - font-size: 10rem; - line-height: 10rem; - margin-top: -20px; - margin-left: -15px; + font-size: 10.2rem; + line-height: 11rem; + margin-top: 3vw; + margin-left: -0.837vw; } h2{ @@ -197,7 +196,7 @@ li{ } } - +/* @media only screen and (max-width: 576px) and (max-width: 768px){ h1{