content tweaks to codespaces guide

app/views/install/codespaces/create-a-codespace.html

@@ -33,7 +33,7 @@
   <h2>1. Go to the prototype repository</h2>
 
   <p>Go to the GitHub repository for the prototype you wish to use. For this guide we will be using the
-    <a href="https://github.com/nhsuk/nhsuk-prototype-kit">NHSUK prototype kit repository</a>.
+    <a href="https://github.com/nhsuk/nhsuk-prototype-kit">NHS prototype kit repository</a>.
   </p>
 
   <h2>2. Create a new Codespace</h2>
@@ -61,6 +61,8 @@ <h2>4. Check that it has worked</h2>
 
 <!--  <h2>5. Codespace setup complete</h2> -->
 
+  <p><img class="app-img-guide nhsuk-u-margin-bottom-0" alt="Screenshot of the running codespace" src="/images/codespaces/running-codespace.png"></p>
+
   <p>You now have a copy of the NHS prototype kit installed and running within a new GitHub Codespace.</p>
 
   <p>This means you can create and edit prototypes entirely in your browser.</p>

app/views/install/codespaces/index.html

@@ -23,26 +23,24 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
 
-      <h1>Install and use the kit with your web browser</h1>
+      <h1 class="nhsuk-heading-xl">Install and use the kit with your web browser</h1>
 
       <p class="nhsuk-body-l">If you cannot install the kit on your computer (for example, beause you are not allowed to install Node.js) you can use an online service to edit and run code using your web browser.</p>
 
-
       <p>Services that you can use include:<p>
 
       <ul>
         <li>
-        GitHub Codespaces - free for a certain number of hours per month (<a href="https://docs.github.com/en/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces">Codespaces billing guidance</a>)
+          <a href="https://github.com/features/codespaces">GitHub Codespaces</a> – free for around 60 hours per month
         </li>
         <li>
-        Gitpod
+          <a href="https://www.gitpod.io/">Gitpod</a> – free for around 50 hours per month
         </li>
         </ul>
 
         <p>For this guide we are using GitHub Codespaces.</p>
 
-
-      <h2>Before you begin</h2>
+      <h2 class="nhsuk-heading-l">Before you begin</h2>
 
       <p>You do not need any technical knowledge to use this guide.</p>
 
@@ -60,7 +58,6 @@ <h2>Before you begin</h2>
         Installation usually takes up to 5 minutes.
       </p>
 
-
       {{ actionLink({ text: "Start guide for using the kit in a web browser", href: "/install/codespaces/create-a-codespace", classes: "nhsuk-u-margin-top-x nhsuk-heading-l" }) }}
 
     </div>

app/views/install/codespaces/working-with-codespaces.html

@@ -34,7 +34,7 @@ <h2>Save changes</h2>
 
     <p>Any changes you make are not shared with anybody else until you commit them to Git and push them to the repository.</p>
 
-    <p>You can use the Codespace code editor and user interface to manage changes with GitHub.You can use the
+    <p>You can use the Codespace code editor and user interface to manage changes with GitHub. You can use the
         <a href="https://docs.github.com/en/codespaces/getting-started/quickstart">quickstart guide to working with Codespaces</a>
     </p>