Small edits

articles.html

@@ -50,7 +50,7 @@ <h3>Io's Mission: The Hero</h3>
                 <img class = tiny src = /articles/extra/snakes_and_ladders_talk_through_side_effects/1.png>
                 <h3>Snakes And Ladders Talk Through: Side Effects</h3>
                 <span class = description>
-                    Summarising how the enemies in Snakes and Ladders work
+                    A short summary on how the enemies in Snakes and Ladders work
                 </span>
             </a>
 

articles/snakes_and_ladders_talk_through_side_effects.html

@@ -37,23 +37,22 @@ <h1>Snakes And Ladders Talk Through: Side Effects</h1>
             <span class = gap>
                 This article runs through how the enemies of
                 <a class = normal href = /content/snakes_and_ladders.html target = _blank>Snakes And Ladders</a>
-                are animated and rendered. Each simplified demo has its source code underneath, so feel free to have a look.
+                are animated and rendered. Each simplified example has its source code underneath, so please to have a look
+                if you need help.
                 Pay particular attention to the code inside the <span class = snip>enemy()</span> function, which handles
                 the drawing and animation.
                 <p></p>
-                Almost every enemy uses a very similar walking pattern - one that you may recognise from
+                Nearly every enemy uses a very similar walking pattern - one that you may recognise from
                 <a class = normal href = /content/anthrophobia_fear_of_crowds.html target = _blank>Anthrophobia</a>.
                 In case you haven't already seen it, this "walking pattern" is based on a circle with
-                a limit at its base:
+                a limit at its base.
             </span>
 
-            <div class = iframe source = /content/extra/anthrophobia_fear_of_crowds/2.html></div>
-
             <span class = gap>
                 <h3>The Worm-like Stick Thingy</h3>
-                Even the first side effect uses this circular walking pattern.
+                It's quite hard to see, but even the first enemy uses this circular walking pattern.
                 Notice how the joints move. It's a small change,
-                but it's vital to achieve this "forward motion" effect.
+                but it's vital to achieve the illusion of moving forward.
             </span>
 
             <div class = iframe source = /articles/extra/snakes_and_ladders_talk_through_side_effects/1.html></div>
@@ -84,7 +83,7 @@ <h3>The Creeper</h3>
             <span class = gap>
                 <h3>The Wolfish Side Effect</h3>
 
-                As you probably have noticed, this enemy also uses the walking motion mentioned earlier.
+                This enemy also uses the motion mentioned earlier.
                 Its four feet are divided into two pairs at the moment,
                 but here's a challenge: If you paste the code below
                 into a new <span class = snip>.html</span> file, can you give the enemy four pairs of legs?
@@ -101,7 +100,7 @@ <h3>The Monster</h3>
                 In the real game, this enemy occasionally spits out cubes - shown
                 in the next example - and jumps whenever Drillo runs underneath it.
                 This simplified example doesn't have these features,
-                but if you want, you can have a look at the real enemy code
+                but if you want you can have a look at the real enemy code
                 <a class = normal href = https://github.com/Hope41/snakes-and-ladders/effect.js>here</a>.
             </span>
 
@@ -135,7 +134,7 @@ <h3>The Cubic Side Effect</h3>
                 <h3>The Crab</h3>
 
                 Getting the legs to move like this was really hard. In the end,
-                it turned out to be really helpful to make a small drawing animation
+                it turned out to be helpful to make a small drawing animation
                 of it first before writing it as code. I know, creating "drawing animations"
                 of your creatures might sound a bit pointless, but it can actually
                 save a lot of time if your creature is already difficult to
@@ -150,7 +149,7 @@ <h3>The Last Side Effect</h3>
 
                 In the real game, this enemy hammers his head whenever Drillo jumps on top of it.
                 I've scaled it down a bit so it can fit in on the screen, but usually you can only
-                see parts of it. I admit that the walking is slightly weird.
+                see parts of it. I admit the walking is slightly weird.
             </span>
 
             <div class = iframe source = /articles/extra/snakes_and_ladders_talk_through_side_effects/8.html></div>
@@ -159,13 +158,13 @@ <h3>The Last Side Effect</h3>
             <span class = gap>
                 <h3>The ...?</h3>
 
-                Well, I <i>was</i> planning on showing you the X-ray Orb here,
+                Well, I <i>was</i> planning on showcasing the X-ray Orb here,
                 but I decided to leave it out so as not to spoil the game for you,
                 in case you haven't played
                 <a class = normal href = /content/snakes_and_ladders.html target = _blank>Snakes And Ladders</a>
-                yet! Sorry, you'll just have to find out when you get there!
+                yet. You'll just have to find out when you get there!
                 <p></p>
-                Anyway, thanks for taking the time to read this trough, and please
+                Anyway, thanks for reading this far and please
                 <a class = normal href = mailto:[email protected]>contact me</a>
                 if you have any further questions!
             </span>

content/ios_mission.html

@@ -107,7 +107,7 @@ <h3>Things I Learned</h3>
             </div>
             <span class = gap>
                 Making <span class = high>Io's Mission</span> taught me loads.
-                You can read more about how I made it in the articles below!
+                You can read more about how I made it in the articles below.
             </span>
             <div class = quote>
                 ∙ <a class = normal href = /articles/ios_mission_the_hero>Io's Mission - The Hero</a><br>

main.css

@@ -286,7 +286,7 @@ h3, h2, h1 {
     }
 }
 
-@media screen and (min-width: 810px) and (max-width: 1050px) {
+@media screen and (min-width: 860px) and (max-width: 1050px) {
     body {
         padding-left: 100px;
         padding-right: 100px
@@ -296,7 +296,7 @@ h3, h2, h1 {
     }
 }
 
-@media screen and (min-width: 500px) and (max-width: 810px) {
+@media screen and (min-width: 500px) and (max-width: 860px) {
     body {
         padding-left: 30px;
         padding-right: 30px;