Making the image height a bit larger

Author: tjvantoll

css/style.css

@@ -60,13 +60,13 @@ <h3 id="what-you-re-building">What you&#39;re building</h3>
 <li>Runs cross-platform (iOS and Android).</li>
 </ul>
 <p>If you follow along to the end, here&#39;s what the finished app will look like on iOS:</p>
-<p><img src="images/chapter0/ios/1.png" alt="">
-<img src="images/chapter0/ios/2.png" alt="">
-<img src="images/chapter0/ios/3.png" alt=""></p>
+<p><img src="images/chapter0/ios/1.png" alt="Final look of iOS app 1" style="height: 300px;">
+<img src="images/chapter0/ios/2.png" alt="Final look of iOS app 1" style="height: 300px;">
+<img src="images/chapter0/ios/3.png" alt="Final look of iOS app 1" style="height: 300px;"></p>
 <p>And here&#39;s what the app will look like on Android:</p>
-<p><img src="images/chapter0/android/1.png" alt="">
-<img src="images/chapter0/android/2.png" alt="">
-<img src="images/chapter0/android/3.png" alt=""></p>
+<p><img src="images/chapter0/android/1.png" alt="Final look of Android app 1" style="height: 300px;">
+<img src="images/chapter0/android/2.png" alt="Final look of Android app 1" style="height: 300px;">
+<img src="images/chapter0/android/3.png" alt="Final look of Android app 1" style="height: 300px;"></p>
 <h3 id="prerequisites">Prerequisites</h3>
 <p>This guide assumes that you have some basic knowledge of JavaScript, CSS, and your development machine’s terminal. More specifically:</p>
 <ul>

index.html

@@ -34,15 +34,15 @@ This guide will walk you through building [Groceries](https://github.com/NativeS
 
 If you follow along to the end, here's what the finished app will look like on iOS:
 
-![](images/chapter0/ios/1.png)
-![](images/chapter0/ios/2.png)
-![](images/chapter0/ios/3.png)
+<img src="images/chapter0/ios/1.png" alt="Final look of iOS app 1" style="height: 300px;">
+<img src="images/chapter0/ios/2.png" alt="Final look of iOS app 1" style="height: 300px;">
+<img src="images/chapter0/ios/3.png" alt="Final look of iOS app 1" style="height: 300px;">
 
 And here's what the app will look like on Android:
 
-![](images/chapter0/android/1.png)
-![](images/chapter0/android/2.png)
-![](images/chapter0/android/3.png)
+<img src="images/chapter0/android/1.png" alt="Final look of Android app 1" style="height: 300px;">
+<img src="images/chapter0/android/2.png" alt="Final look of Android app 1" style="height: 300px;">
+<img src="images/chapter0/android/3.png" alt="Final look of Android app 1" style="height: 300px;">
 
 ### Prerequisites
 

src/chapters/chapter0.md

@@ -134,7 +134,7 @@ ol li, ul li{
 
 .chapter img:not(.plain) {
 	border: 1px solid black;
-	height: 300px;
+	height: 450px;
 	margin-right: 0.2rem;
 }