diff --git a/src/App.vue b/src/App.vue index d029132a4ac8552c2c895b3d7084fda731da2c93..f17cd04f7e910c8836fdfc5b00becbdfd39dcd44 100644 --- a/src/App.vue +++ b/src/App.vue @@ -112,7 +112,7 @@ h1{ //text-shadow: 2px 2px 2px rgba(0,0,0,.1); color: var(--color-text); @media screen and (max-width: 750px) { - font-size: 4.75rem; + font-size: 4.0rem; } } h2{ @@ -136,7 +136,7 @@ h3{ font-weight: 600; color: var(--color-text); @media screen and (max-width: 750px) { - font-size: 2.5rem; + font-size: 2.25rem; } } h4{ diff --git a/src/components/VizTitle.vue b/src/components/VizTitle.vue index b1808cd6fd8d0663112e7699c0007e57073285b8..11bcbad58d12bcdaf2ad662e0919a92f5eeb46d1 100644 --- a/src/components/VizTitle.vue +++ b/src/components/VizTitle.vue @@ -224,7 +224,7 @@ function debounce(func, wait) { #grid-container { display: grid; grid-template-rows: auto auto; - width: 100%; + width: 100s; margin: auto; } @@ -262,7 +262,8 @@ function debounce(func, wait) { width: 100%; background: var(--color-background-header-footer); color: var(--color-text); - padding: 20px; + padding-bottom: 20px; + padding-top: 20px; box-sizing: border-box; }