font sizing is now better for people with visual difficulties

zesameri · zesameri · commit 5882222d33bc · 2017-11-06T13:50:42.000-05:00
diff --git a/css/styles.css b/css/styles.css
@@ -18,22 +18,21 @@ dt {
     font-size: 1.25em;
 }
 h1 {
-  font-size: 1.5em;
+  font-size: 2vw;
 }
 .main-section {
 
 }
 section {
   z-index: 1;
-  width: calc(100vw - 10em);
+  width: calc(100vw - 20em);
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .hero {
   height: calc(100vh - 2em);
-  width: calc(100vw - 20em);
 }
 .bio {
   margin-bottom: 2.5em;
@@ -59,10 +58,10 @@ section {
 .list__item {
   margin: 0;
   margin-bottom: 2em;
-  font-size: 1.25em;
 }
 .list__item > p {
     margin: 1em 0;
+    font-size: 1.5em;
 }
 .footer {
   position: fixed;
@@ -98,6 +97,7 @@ a:focus, a:hover {
 @media (max-width:800px) {
   h1 {
     line-height: 1em;
+    font-size: 1.5em
   }
   body {
     padding: 1em 1em 1em 2em;

Original file line number	Diff line number	Diff line change
`@@ -18,22 +18,21 @@ dt {`
`18`	`18`	`font-size: 1.25em;`
`19`	`19`	`}`
`20`	`20`	`h1 {`
`21`		`- font-size: 1.5em;`
	`21`	`+ font-size: 2vw;`
`22`	`22`	`}`
`23`	`23`	`.main-section {`
`24`	`24`
`25`	`25`	`}`
`26`	`26`	`section {`
`27`	`27`	`z-index: 1;`
`28`		`- width: calc(100vw - 10em);`
	`28`	`+ width: calc(100vw - 20em);`
`29`	`29`	`position: relative;`
`30`	`30`	`display: flex;`
`31`	`31`	`flex-direction: column;`
`32`	`32`	`justify-content: space-between;`
`33`	`33`	`}`
`34`	`34`	`.hero {`
`35`	`35`	`height: calc(100vh - 2em);`
`36`		`- width: calc(100vw - 20em);`
`37`	`36`	`}`
`38`	`37`	`.bio {`
`39`	`38`	`margin-bottom: 2.5em;`
`@@ -59,10 +58,10 @@ section {`
`59`	`58`	`.list__item {`
`60`	`59`	`margin: 0;`
`61`	`60`	`margin-bottom: 2em;`
`62`		`- font-size: 1.25em;`
`63`	`61`	`}`
`64`	`62`	`.list__item > p {`
`65`	`63`	`margin: 1em 0;`
	`64`	`+ font-size: 1.5em;`
`66`	`65`	`}`
`67`	`66`	`.footer {`
`68`	`67`	`position: fixed;`
`@@ -98,6 +97,7 @@ a:focus, a:hover {`
`98`	`97`	`@media (max-width:800px) {`
`99`	`98`	`h1 {`
`100`	`99`	`line-height: 1em;`
	`100`	`+ font-size: 1.5em`
`101`	`101`	`}`
`102`	`102`	`body {`
`103`	`103`	`padding: 1em 1em 1em 2em;`