added fix for broken pdf files

Author: shreystechtips

gatsby-config.js

@@ -31,8 +31,12 @@ module.exports = {
       options: {
         plugins: [
           {
-            resolve: `gatsby-remark-relative-images`,
+            resolve: `gatsby-remark-copy-linked-files`,
+            options: {
+              ignoreFileExtensions: [`js`, `png`, `jpg`, `jpeg`],
+            },
           },
+          `gatsby-remark-relative-images`,
           {
             resolve: `gatsby-remark-images`,
             options: {

package-lock.json

@@ -15,6 +15,7 @@
     "gatsby-plugin-offline": "^3.2.12",
     "gatsby-plugin-react-helmet": "^3.3.6",
     "gatsby-plugin-sharp": "^2.6.13",
+    "gatsby-remark-copy-linked-files": "^2.3.7",
     "gatsby-remark-images": "^3.3.13",
     "gatsby-remark-relative-images": "^0.3.0",
     "gatsby-source-filesystem": "^2.3.14",
@@ -41,7 +42,7 @@
     "serve": "gatsby serve",
     "clean": "gatsby clean",
     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1",
-    "update":"git submodule update --remote"
+    "update": "git submodule update --remote"
   },
   "repository": {
     "type": "git",

package.json

@@ -16,6 +16,8 @@ const useStyles = makeStyles(() => ({
   card: {
     maxWidth: 350,
     padding: 10,
+    borderRadius: 8,
+    backgroundColor: "#F3F3F7",
   },
   gridRoot: {
     justifyContent: "center",
@@ -29,7 +31,7 @@ export default function Index({ data }) {
   const { edges: posts } = data.allMarkdownRemark
   return (
     <Layout>
-      <div className="blog-posts" style={{ maxWidth: 1000, margin: "auto" }}>
+      <div className="blog-posts" style={{ margin: "auto" }}>
         {/* <Helmet title={}/> */}
         <SEO title="Home" />
         <div style={{ margin: 10 }}>
@@ -38,7 +40,6 @@ export default function Index({ data }) {
             direction="row"
             spacing={2}
             className={classes.gridRoot}
-            sm={12}
           >
             {posts
               .filter(
@@ -57,7 +58,7 @@ export default function Index({ data }) {
                     direction="column"
                   >
                     <Grid container>
-                      <Paper className={classes.card} elevation={2}>
+                      <Paper className={classes.card} elevation={1}>
                         <Grid item>
                           <Typography variant="h4">
                             <MaterialLink