From 7dbbdb10c52a549533cd24a732f63b7e9d06620e Mon Sep 17 00:00:00 2001
From: LeKoArts <lekoarts@gmail.com>
Date: Tue, 5 Jun 2018 22:55:43 +0200
Subject: [PATCH] Mobile + README

---
 README.md                      | 4 +---
 src/components/ProjectCard.jsx | 5 ++++-
 src/pages/index.jsx            | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 8eb2cc7..1ea6c56 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@ To copy and install this starter run this command (with "project-name" being the
 
 ```
 gatsby new project-name https://github.com/LeKoArts/gatsby-starter-portfolio-bella
-npm run dev
+npm run develop
 ```
 
 ### Adding new features/plugins
@@ -99,5 +99,3 @@ module.exports = {
 ```
 
 2) Use the `tailwind.js` file to configure TailwindCSS. Their [documentation](https://tailwindcss.com/docs/configuration) explain it step-by-setp.
-
-**Attention:** You also need to edit ``static/robots.txt`` to include your domain!
diff --git a/src/components/ProjectCard.jsx b/src/components/ProjectCard.jsx
index 764737c..0cd7313 100644
--- a/src/components/ProjectCard.jsx
+++ b/src/components/ProjectCard.jsx
@@ -36,11 +36,14 @@ const Wrapper = styled.a`
 
 const Image = styled.div`
   ${tw('overflow-hidden')};
+  @media (max-width: 1200px) {
+    height: 30vw;
+  }
 `;
 
 const Title = styled.div`
   ${tw(
-    'text-white uppercase text-lg xl:text-xl tracking-wide px-6 py-4 font-sans absolute whitespace-no-wrap shadow-md'
+    'text-white uppercase text-md md:text-lg xl:text-xl tracking-wide px-4 py-2 lg:px-6 lg:py-4 font-sans absolute whitespace-no-wrap shadow-md'
   )};
   bottom: -20px;
   right: -20px;
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 962d13c..7a2e4aa 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -175,7 +175,7 @@ const AboutSub = styled.span`
 `;
 
 const AboutDesc = styled.p`
-  ${tw('text-grey-light text-lg md:text-xl lg:text-2xl font-sans pt-12 text-justify')};
+  ${tw('text-grey-light text-lg md:text-xl lg:text-2xl font-sans pt-6 md:pt-12 text-justify')};
 `;
 
 const ContactText = styled.p`