From e367b44d5e139468a0be4e67e6ee6044b0208754 Mon Sep 17 00:00:00 2001
From: RogeredBacon <jinglis12@googlemail.com>
Date: Fri, 21 Jul 2017 12:12:28 +0100
Subject: [PATCH] The pokemon should adjust size and stay in line a little
 better, but Its still not ideal #72

---
 public/index.html |  2 +-
 public/style.css  | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/public/index.html b/public/index.html
index 7925003..3c3f046 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,7 @@
 
 <body>
 
-  <!-- <audio controls autoplay loop><source src='../media/01.-pokemon-theme.mp3' type='audio/mpeg'> Your Browsers' crap</audio> -->
+  <!-- <audio controls autoplay loop><source src='../media/01.-pokemon-theme.mp3' type='audio/mpeg'> Your Browser's crap</audio> -->
   <form id='js-pokeForm'>
     <h2> Search for your Pokemon!</h2>
     <label>Search for your Pokemon!
diff --git a/public/style.css b/public/style.css
index 614a9bf..1f86141 100644
--- a/public/style.css
+++ b/public/style.css
@@ -34,12 +34,14 @@ button{
 
 .img{
   display: flex;
+  flex-wrap: nowrap;
   box-sizing: border-box;
   background-repeat: no-repeat;
 }
 
 .ash{
 float: left;
+flex-wrap: nowrap;
 transform: scale(1.25, 1.25);
 z-index: -1;
 margin-top: 120px;
@@ -47,12 +49,6 @@ margin-left: 25px;
 width: 25%;
 }
 
-.ashAndDex{
-  display: flex;
-  justify-content: space-around;
-  margin-top: 75px;
-}
-
 .ho-oh{
   z-index: -2;
   float: right;
@@ -60,9 +56,12 @@ width: 25%;
   animation: bob 10s infinite linear, fly 10s infinite linear, bigger 10s infinite linear;
 }
 .pokeImage{
+  flex-wrap: nowrap;
   height:400px;
   margin-left: 206px;
 margin-top: 200px;
+width:30%;
+height: 30%;
 }
 
 @keyframes bob {
