129 adjust line height and update alignment of articles on home page (#135)

adriandelisle · web-flow · commit 06d57b91bce8 · 2021-03-02T16:08:55.000-08:00
diff --git a/components/article-preview/index.js b/components/article-preview/index.js
@@ -1,3 +1,6 @@
+import React from 'react'
+
+import { rem } from 'polished'
 import { string } from 'prop-types'
 import styled from 'styled-components'
 
@@ -25,9 +28,14 @@ const Root = styled.div`
   h3 {
     font-size: 1rem;
     font-weight: 700;
-    line-height: 1.625rem;
-    margin: 1.25rem 0px;
+    line-height: ${rem('21px')};
+    height: 4rem;
+    margin: 1.25rem 0;
     text-align: center;
+
+    @media only screen and (max-width: ${MOBILE_SIZE}) {
+      height: auto;
+    }
   }
 
   p {
diff --git a/styles/globals.css b/styles/globals.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&family=Montserrat:wght@500;600;700;800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;900&family=Montserrat:wght@500;600;700;800&display=swap');
 
 html,
 body {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&family=Montserrat:wght@500;600;700;800&display=swap');`
	`1`	`+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;900&family=Montserrat:wght@500;600;700;800&display=swap');`
`2`	`2`
`3`	`3`	`html,`
`4`	`4`	`body {`