project tweaks

README.md

@@ -119,7 +119,7 @@ All together, Gatsby automatically generates all required image sizes for delive
 
 All project images use one single component where one main GraphQL query fragment is defined, which then gets used throughout other GraphQL queries.
 
-- [`src/components/molecules/ProjectImage.jsx`](src/components/molecules/ProjectImage.jsx)
+- [`src/components/atoms/ProjectImage.jsx`](src/components/atoms/ProjectImage.jsx)
 
 ### 💎 Importing SVG assets
 

src/pages/index.jsx

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
 import SEO from '../components/atoms/SEO'
-import ProjectImage from '../components/molecules/ProjectImage'
+import ProjectImage from '../components/atoms/ProjectImage'
 import { ReactComponent as Images } from '../images/images.svg'
 import styles from './index.module.scss'
 import Repositories from '../components/organisms/Repositories'

src/templates/Project.jsx

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import { graphql } from 'gatsby'
 import FullWidth from '../components/atoms/FullWidth'
-import ProjectImage from '../components/molecules/ProjectImage'
+import ProjectImage from '../components/atoms/ProjectImage'
 import ProjectTechstack from '../components/molecules/ProjectTechstack'
 import ProjectLinks from '../components/molecules/ProjectLinks'
 import ProjectNav from '../components/molecules/ProjectNav'

src/templates/Project.module.scss

@@ -1,5 +1,5 @@
 @import 'variables';
-@import '../components/molecules/ProjectImage.module';
+@import '../components/atoms/ProjectImage.module';
 
 .imageWrap {
     margin-bottom: $spacer * 3;