281 Platform section: left align heading and paragraphs on mobile (#284)

chrisnottca · web-flow · commit fd1fe172112c · 2021-04-15T12:10:24.000-07:00
diff --git a/components/features-list/index.js b/components/features-list/index.js
@@ -60,6 +60,7 @@ const Content = styled.div`
     font-size: ${rem('24px')};
     line-height: 1.2;
     letter-spacing: 0.1em;
+    text-align: left;
     text-transform: uppercase;
   }
 
@@ -68,6 +69,7 @@ const Content = styled.div`
     font-weight: 600;
     font-size: ${rem('18px')};
     line-height: 1.5;
+    text-align: left;
   }
 
   @media only screen and (min-width: ${TABLET_SMALL_SIZE}) {

Original file line number	Diff line number	Diff line change
@@ -60,6 +60,7 @@ const Content = styled.div`
`60`	`60`	`font-size: ${rem('24px')};`
`61`	`61`	`line-height: 1.2;`
`62`	`62`	`letter-spacing: 0.1em;`
	`63`	`+ text-align: left;`
`63`	`64`	`text-transform: uppercase;`
`64`	`65`	`}`
`65`	`66`
@@ -68,6 +69,7 @@ const Content = styled.div`
`68`	`69`	`font-weight: 600;`
`69`	`70`	`font-size: ${rem('18px')};`
`70`	`71`	`line-height: 1.5;`
	`72`	`+ text-align: left;`
`71`	`73`	`}`
`72`	`74`
`73`	`75`	`@media only screen and (min-width: ${TABLET_SMALL_SIZE}) {`