From d8ff7976e4feb956be1c1524d181b916e783f6b2 Mon Sep 17 00:00:00 2001
From: thomasrosen <thomas.rosen@me.com>
Date: Thu, 21 Jan 2021 20:54:09 +0100
Subject: [PATCH] added info text for choosing the right image

---
 src/App.css | 5 +++++
 src/App.js  | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/App.css b/src/App.css
index b9d198e..3171a9b 100644
--- a/src/App.css
+++ b/src/App.css
@@ -32,6 +32,11 @@ h2{
     font-size: calc(10px + 4vmin);
 }
 
+p{
+    max-width: 100%;
+    width: calc(40vh + 15vw);
+}
+
 .HeaderImage{
     height: calc(10px + 30vmin);
     max-width: 100%;
diff --git a/src/App.js b/src/App.js
index 52d477c..10e9268 100644
--- a/src/App.js
+++ b/src/App.js
@@ -61,6 +61,7 @@ return (
         <img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
 
         <h2>Choose your Photo:</h2>
+        <p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p>
 
         <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
             {!!photo ? <img src={photo} alt="Preview" /> : null}