From a714b092c3e1c00864fd1826bdf5253a65d20822 Mon Sep 17 00:00:00 2001
From: Xiangdong Zhang <zhangxd6@users.noreply.github.com>
Date: Fri, 17 May 2019 08:10:31 -0500
Subject: [PATCH 1/2] change image to be fuild

---
 src/pages/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index ce5b8d3..1ce57cc 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -33,7 +33,7 @@ class BlogIndex extends React.Component {
       <Layout
         location={this.props.location}
         title={siteTitle}
-        image={data.file.childImageSharp.fixed}
+        image={data.file.childImageSharp.fluid}
       >
         <SEO
           title={siteTitle}
@@ -81,8 +81,8 @@ export const pageQuery = graphql`
       childImageSharp {
         # Specify the image processing specifications right in the query.
         # Makes it trivial to update as your page's design changes.
-        fixed(width: 600, height: 200) {
-          ...GatsbyImageSharpFixed
+        fluid(maxWidth: 600, maxHeight: 200) {
+          ...GatsbyImageSharpFluid
         }
       }
     }

From d804c7d238952b25da4d916102b17139b22ea212 Mon Sep 17 00:00:00 2001
From: Xiangdong Zhang <zhangxd6@users.noreply.github.com>
Date: Fri, 17 May 2019 08:15:00 -0500
Subject: [PATCH 2/2] update image

---
 src/components/layout.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout.js b/src/components/layout.js
index 2156cbe..61fd7e5 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -11,7 +11,7 @@ class Layout extends React.Component {
 
     if (location.pathname === rootPath) {
       header = (
-        <Img fixed={image} >
+        <Img fluid={image} >
           <Link
             style={{
               boxShadow: `none`,