diff --git a/week-1/1-parent-child/index.html b/week-1/1-parent-child/index.html
index 458a4cb21..5e078594d 100644
--- a/week-1/1-parent-child/index.html
+++ b/week-1/1-parent-child/index.html
@@ -27,6 +27,9 @@
           <p class="message__content">
             I can meet on Tuesday and Wednesday after 4.
           </p>
+          <p class="message__content">
+            7.15pm
+          </p>
         </div>
       </div>
     </div>
diff --git a/week-1/2-html-attributes/index.html b/week-1/2-html-attributes/index.html
index dc861fa4f..b8eef7aee 100644
--- a/week-1/2-html-attributes/index.html
+++ b/week-1/2-html-attributes/index.html
@@ -23,14 +23,14 @@
         <div class="message">
           <div class="message__author">Luke</div>
           <p class="message__content">
-            Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
+            Let's meet at the iCafe in <a href="https://goo.gl/maps/aza4h9nUBhn">merchant city</a>
           </p>
           <span class="message__time">7:35pm</span>
         </div>
         <div class="message">
           <div class="message__author">Won</div>
           <p class="message__content">
-            Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
+            Ok!<img src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif" />
           </p>
           <span class="message__time">7:38pm</span>
         </div>
diff --git a/week-1/3-semantic-html/index.html b/week-1/3-semantic-html/index.html
index 3640deaff..7c180b857 100644
--- a/week-1/3-semantic-html/index.html
+++ b/week-1/3-semantic-html/index.html
@@ -12,30 +12,30 @@
 
   <body>
     <div class="site-wrapper">
-      <div class="site-header">
+      <header role="banner" class="site-header">
         <div class="site-header__title">Messages</div>
-      </div>
-      <div class="messages">
-        <div class="message">
+      </header>
+      <main role="main" class="messages">
+        <article class="message">
           <div class="message__author">Won</div>
           <p class="message__content">Where should we meet later?</p>
-          <span class="message__time">Mar 25, 2018 7:25pm</span>
-        </div>
-        <div class="message">
+          <time datetime="2018-04-25T19:25" class="message__time">Mar 25, 2018 7:25pm</time>
+        </article>
+        <article class="message">
           <div class="message__author">Luke</div>
           <p class="message__content">
             Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
           </p>
-          <span class="message__time">Mar 25, 2018 7:35pm</span>
-        </div>
-        <div class="message">
+          <time datetime="2018-04-25T19:35" class="message__time">Mar 25, 2018 7:35pm</time>
+        </article>
+        <article class="message">
           <div class="message__author">Won</div>
           <p class="message__content">
             Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
           </p>
-          <span class="message__time">Mar 25, 2018 7:38pm</span>
-        </div>
-      </div>
+          <time datetime="2018-04-25T19:38" class="message__time">Mar 25, 2018 7:38pm</time>
+        </article>
+      </main>
       <div id="result" class="result"></div>
     </div>
     <script defer src="/js/3-result.js"></script>
diff --git a/week-1/4-links-scripts/index.html b/week-1/4-links-scripts/index.html
index 303c7fbd2..31506840c 100644
--- a/week-1/4-links-scripts/index.html
+++ b/week-1/4-links-scripts/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>4. Adding Links and Scripts - HTML, CSS and Git Exercises</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="css/missing-styles.css" />
   </head>
 
   <body>
@@ -33,5 +34,6 @@
         </div>
       </div>
     </div>
+    <script src="js/convertUrls.js"></script>
   </body>
 </html>
diff --git a/week-1/5-css-selectors/message-backgrounds.css b/week-1/5-css-selectors/message-backgrounds.css
index ffe483325..a8f3a711c 100644
--- a/week-1/5-css-selectors/message-backgrounds.css
+++ b/week-1/5-css-selectors/message-backgrounds.css
@@ -1 +1,10 @@
 /* Add your CSS code below */
+#first-message {
+  background-color: red;
+}
+article {
+  background-color: cadetblue;
+}
+.message--latest {
+  background-color: yellow;
+}
diff --git a/week-1/6-css-properties/styles.css b/week-1/6-css-properties/styles.css
index ffe483325..91abaf934 100644
--- a/week-1/6-css-properties/styles.css
+++ b/week-1/6-css-properties/styles.css
@@ -1 +1,19 @@
 /* Add your CSS code below */
+a {
+  color: red;
+  font-weight: bold;
+  text-decoration: none;
+}
+.message--time {
+  font-size: 0.9rem;
+}
+.message--unread > .message--content {
+  border-left-style: solid;
+  border-color: blue;
+}
+.message--old {
+  opacity: 0.5;
+}
+.message--content {
+  line-height: 3;
+}
diff --git a/week-1/7-css-box/styles.css b/week-1/7-css-box/styles.css
index 013b94f1e..a6d63f8e8 100644
--- a/week-1/7-css-box/styles.css
+++ b/week-1/7-css-box/styles.css
@@ -4,3 +4,6 @@
   border-radius: 4px;
   background: #fff;
 }
+.country {
+  padding: 10px;
+}
diff --git a/week-1/8-advanced-selectors/styles.css b/week-1/8-advanced-selectors/styles.css
index d35c3c371..b63b0e4b2 100644
--- a/week-1/8-advanced-selectors/styles.css
+++ b/week-1/8-advanced-selectors/styles.css
@@ -1 +1,12 @@
 /* Try different box model properties below */
+.site-header p {
+  color: white;
+  margin-bottom: -5px;
+}
+.site-footer p {
+  font-size: 12px;
+  text-align: center;
+}
+.message:last-child {
+  box-shadow: 4px 4px 0 #dba944;
+}
diff --git a/week-2/10-media-queries/columns.css b/week-2/10-media-queries/columns.css
index 43e80d23c..3e8625825 100644
--- a/week-2/10-media-queries/columns.css
+++ b/week-2/10-media-queries/columns.css
@@ -1 +1,11 @@
 /* Add your own CSS code below */
+@media screen and (min-width: 768px) {
+  .countries {
+    columns: 2;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .countries {
+    columns: 3;
+  }
+}
diff --git a/week-2/11-flexbox/flexbox.css b/week-2/11-flexbox/flexbox.css
index 43e80d23c..2198e5c22 100644
--- a/week-2/11-flexbox/flexbox.css
+++ b/week-2/11-flexbox/flexbox.css
@@ -1 +1,14 @@
 /* Add your own CSS code below */
+
+.countries--first {
+  display: flex;
+  flex-direction: row-reverse;
+}
+.countries--second {
+  display: flex;
+  flex-direction: column;
+}
+.countries--third {
+  display: flex;
+  flex-direction: column-reverse;
+}
diff --git a/week-2/12-justify-content/flexbox.css b/week-2/12-justify-content/flexbox.css
index 3c4c7ff18..b02397f93 100644
--- a/week-2/12-justify-content/flexbox.css
+++ b/week-2/12-justify-content/flexbox.css
@@ -7,3 +7,19 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  flex-direction: row;
+  justify-content: end;
+}
+.countries--second {
+  flex-direction: row;
+  justify-content: space-around;
+}
+.countries--third {
+  flex-direction: column;
+  justify-content: end;
+}
+.countries--fourth {
+  flex-direction: column-reverse;
+  justify-content: space-around;
+}
diff --git a/week-2/13-align-items/flexbox.css b/week-2/13-align-items/flexbox.css
index 3675a0df3..8a67dc035 100644
--- a/week-2/13-align-items/flexbox.css
+++ b/week-2/13-align-items/flexbox.css
@@ -2,3 +2,19 @@
   display: flex;
 }
 /* Add your own CSS code below */
+.countries--first {
+  flex-direction: row;
+  align-items: center;
+}
+.countries--second {
+  flex-direction: row-reverse;
+  align-items: flex-end;
+}
+.countries--third {
+  flex-direction: column;
+  align-items: flex-end;
+}
+.countries--fourth {
+  flex-direction: column-reverse;
+  align-items: center;
+}
diff --git a/week-2/14-order/flexbox.css b/week-2/14-order/flexbox.css
index ed621b793..54c01a9df 100644
--- a/week-2/14-order/flexbox.css
+++ b/week-2/14-order/flexbox.css
@@ -3,3 +3,25 @@
 }
 
 /* Add your own CSS code below */
+
+.countries--first .country--brazil {
+  order: 5;
+}
+.countries--second .country--brazil {
+  order: 1;
+}
+.countries--second .country--uganda {
+  order: 2;
+}
+.countries--third .country--brazil {
+  order: 5;
+}
+.countries--third .country--croatia {
+  order: 4;
+}
+.countries--third .country--ethiopia {
+  order: 3;
+}
+.countries--third .country--laos {
+  order: 2;
+}
diff --git a/week-2/15-align-self/flexbox.css b/week-2/15-align-self/flexbox.css
index ed621b793..dbc93162d 100644
--- a/week-2/15-align-self/flexbox.css
+++ b/week-2/15-align-self/flexbox.css
@@ -3,3 +3,13 @@
 }
 
 /* Add your own CSS code below */
+.countries--first .country--ethiopia {
+  align-self: flex-end;
+}
+.countries--second {
+  flex-direction: row;
+  align-items: center;
+}
+.countries--second .country--ethiopia {
+  align-self: flex-end;
+}
diff --git a/week-2/16-more-flexbox/flexbox.css b/week-2/16-more-flexbox/flexbox.css
index ed621b793..0053d5993 100644
--- a/week-2/16-more-flexbox/flexbox.css
+++ b/week-2/16-more-flexbox/flexbox.css
@@ -3,3 +3,36 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  align-items: flex-end;
+}
+.countries--second {
+  flex-direction: row-reverse;
+  align-items: flex-end;
+}
+.countries--third {
+  align-items: flex-start;
+}
+.countries--third .country--brazil {
+  align-self: flex-end;
+}
+.countries--fourth {
+  flex-direction: column;
+  align-items: center;
+}
+.countries--fourth .country--brazil,
+.countries--fourth .country--croatia,
+.countries--fourth .country--uganda {
+  align-self: flex-end;
+}
+.countries--fifth {
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  justify-content: space-around;
+}
+.countries--fifth .country--uganda {
+  align-self: center;
+}
+.countries--fifth .country--laos {
+  order: 1;
+}
diff --git a/week-2/17-nav-menu/styles.css b/week-2/17-nav-menu/styles.css
index f04f4c7ba..420fa47d1 100644
--- a/week-2/17-nav-menu/styles.css
+++ b/week-2/17-nav-menu/styles.css
@@ -1 +1,20 @@
 /* Write your media queries and flexbox CSS below */
+@media screen and (min-width: 480px) {
+  .site-header__nav {
+    display: flex;
+    flex-direction: row;
+  }
+}
+@media screen and (min-width: 700px) {
+  .site-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+}
+@media screen and (min-width: 992px) {
+  .site-header {
+    justify-content: space-between;
+    align-items: center;
+  }
+}
diff --git a/week-2/18-git-merge/styles.css b/week-2/18-git-merge/styles.css
index 0051cdbaf..af46a4f77 100644
--- a/week-2/18-git-merge/styles.css
+++ b/week-2/18-git-merge/styles.css
@@ -1,6 +1,6 @@
 /* Add your own CSS code below */
 .link {
-  color: #4491db;
+  color: orangered;
   font-weight: 700;
   text-decoration: none;
 }
diff --git a/week-3/19-search/index.html b/week-3/19-search/index.html
index d94ec98dd..dbafd48ab 100644
--- a/week-3/19-search/index.html
+++ b/week-3/19-search/index.html
@@ -11,7 +11,9 @@
   <body>
     <div class="site-wrapper">
       <main>
-        <p>Delete this line and add your form.</p>
+        <form method="GET" action=" https://www.google.com/search">
+          <input type="text" name="q" />
+        </form>
       </main>
     </div>
   </body>
diff --git a/week-3/20-labels/index.html b/week-3/20-labels/index.html
index ccdc81717..efc364537 100644
--- a/week-3/20-labels/index.html
+++ b/week-3/20-labels/index.html
@@ -12,7 +12,7 @@
     <div class="site-wrapper">
       <main>
         <form method="GET" action="https://www.google.com/search">
-          <!-- Add a label here -->
+          <label id="search-input" for="search-input">Search on Google</label>
           <input type="text" name="q" />
         </form>
       </main>
diff --git a/week-3/21-buttons/index.html b/week-3/21-buttons/index.html
index ff87846df..fb5660488 100644
--- a/week-3/21-buttons/index.html
+++ b/week-3/21-buttons/index.html
@@ -14,7 +14,7 @@
         <form method="GET" action="https://www.google.com/search">
           <label for="search-input">Search on Google</label>
           <input type="text" name="q" id="search-input" />
-          <!-- Add a submit button here -->
+          <button type="submit">Search</button>
         </form>
       </main>
     </div>
diff --git a/week-3/22-checkout/index.html b/week-3/22-checkout/index.html
index 8d81ffb13..a1a342e66 100644
--- a/week-3/22-checkout/index.html
+++ b/week-3/22-checkout/index.html
@@ -37,7 +37,14 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h1>
         <div class="checkout">
           <h2 class="checkout__title">Checkout</h2>
           <form method="GET" id="checkout-form" class="checkout__form">
-            <!-- Add the form fields here -->
+            <label for="username">Name</label>
+            <input id="username" type="text" name="uid" />
+
+            <label for="email">Email</label>
+            <input id="email" type="text" name="email" />
+
+            <label for="customer-phone">Phone</label>
+            <input id="customer-phone" type="text" name="customer-phone" />
 
             <button type="submit">Complete Purchase</button>
           </form>
diff --git a/week-3/23-comments/index.html b/week-3/23-comments/index.html
index 110a5027b..d9312cc2f 100644
--- a/week-3/23-comments/index.html
+++ b/week-3/23-comments/index.html
@@ -31,7 +31,11 @@ <h1>Our t-shirts are amazing!</h1>
         <div class="comments">
           <p>Add your comments and let us know what you think!</p>
 
-          <!-- Your comment form goes here -->
+          <form method="GET">
+            <label for="Comment">Add your Message</label>
+            <textarea name="Comment"></textarea>
+            <button type="submit">Send Comment</button>
+          </form>
         </div>
       </main>
     </div>
diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html
index 6bc254f7c..45791ca96 100644
--- a/week-3/24-dietary/index.html
+++ b/week-3/24-dietary/index.html
@@ -19,7 +19,29 @@ <h1>CodeYourFuture Summit</h1>
         </p>
 
         <form>
-          <!-- Your multiple choice goes here -->
+          <fieldset>
+            <legend>Please select all of your dietary requirements</legend>
+            <label>
+              <input type="checkbox" name="dietary" id="halal" />
+              Halal
+            </label>
+            <label>
+              <input type="checkbox" name="dietary" id="kosher" />
+              kosher
+            </label>
+            <label>
+              <input type="checkbox" name="dietary" id="vegetarian" />
+              Vegetarian
+            </label>
+            <label>
+              <input type="checkbox" name="dietary" id="vegan" />
+              Vegan
+            </label>
+            <label>
+              <input type="checkbox" name="dietary" id="gluten-free" />
+              Gluten Free
+            </label>
+          </fieldset>
           <button type="submit">Submit</button>
         </form>
       </main>
diff --git a/week-3/25-shirt-size/index.html b/week-3/25-shirt-size/index.html
index 56d5a1054..fa177be9e 100644
--- a/week-3/25-shirt-size/index.html
+++ b/week-3/25-shirt-size/index.html
@@ -29,7 +29,14 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h1>
                 </div>
               </td>
               <td>
-                Medium
+                <form>
+                  <label for="size">choose a size</label>
+                  <select name="Size">
+                    <option>medium</option>
+                    <option>small</option>
+                    <option>large</option>
+                  </select>
+                </form>
               </td>
               <td>
                 1
diff --git a/week-3/25-shirt-size/styles.css b/week-3/25-shirt-size/styles.css
index f28315785..84204d2be 100644
--- a/week-3/25-shirt-size/styles.css
+++ b/week-3/25-shirt-size/styles.css
@@ -1 +1,6 @@
 /* Add your CSS below */
+.screenreader {
+  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute !important;
+  left: -2000px;
+}
diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html
index 870451a66..2eef1b87d 100644
--- a/week-3/26-checkout-groups/index.html
+++ b/week-3/26-checkout-groups/index.html
@@ -37,7 +37,28 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h1>
         <div class="checkout">
           <h2 class="checkout__title">Checkout</h2>
           <form method="GET" id="checkout-form" class="checkout__form">
-            <!-- Add the form fields here -->
+            <fieldset>
+              <legend>Billing Address</legend>
+              <label for="address-line-1">Address Line 1</label>
+              <input type="text" name="address-line-1" id="address-line-1" />
+              <label for="address-line-2">Address Line 2</label>
+              <input type="text" name="address-line-2" id="address-line-2" />
+              <label for="postcode">Postcode</label>
+              <input type="text" name="postcode" id="postcode" />
+              <label for="city">City</label>
+              <input type="text" name="city" id="city" />
+            </fieldset>
+            <fieldset>
+              <legend>Delivery Address</legend>
+              <label for="delivery-line-1">Address Line 1</label>
+              <input type="text" name="delivery-line-1" id="delivery-line-1" />
+              <label for="delivery-line-2">Address Line 2</label>
+              <input type="text" name="delivery-line-2" id="delivery-line-2" />
+              <label for="delivery-postcode">Postcode</label>
+              <input type="text" name="delivery-postcode" id="delivery-postcode" />
+              <label for="delivery-city">City</label>
+              <input type="text" name="delivery-city" id="delivery-city" />
+            </fieldset>
 
             <button type="submit">Complete Purchase</button>
           </form>
diff --git a/week-3/27-attributes/index.html b/week-3/27-attributes/index.html
index 1b9e12c0e..2c28c1633 100644
--- a/week-3/27-attributes/index.html
+++ b/week-3/27-attributes/index.html
@@ -42,7 +42,12 @@ <h2 class="checkout__title">Checkout</h2>
               <legend>Billing Address</legend>
               <p>
                 <label for="billing-address-1">Address Line 1</label>
-                <input type="text" name="billing-address-1" id="billing-address-1" />
+                <input
+                  type="text"
+                  name="billing-address-1"
+                  id="billing-address-1"
+                  required="required"
+                />
               </p>
               <p>
                 <label for="billing-address-2">Address Line 2</label>
@@ -50,18 +55,28 @@ <h2 class="checkout__title">Checkout</h2>
               </p>
               <p>
                 <label for="billing-postcode">Postcode</label>
-                <input type="text" name="billing-postcode" id="billing-postcode" />
+                <input
+                  type="text"
+                  name="billing-postcode"
+                  id="billing-postcode"
+                  required="required"
+                />
               </p>
               <p>
                 <label for="billing-city">City</label>
-                <input type="text" name="billing-city" id="billing-city" />
+                <input type="text" name="billing-city" id="billing-city" required="required" />
               </p>
             </fieldset>
             <fieldset>
               <legend>Delivery Address</legend>
               <p>
                 <label for="delivery-address-1">Address Line 1</label>
-                <input type="text" name="delivery-address-1" id="delivery-address-1" />
+                <input
+                  type="text"
+                  name="delivery-address-1"
+                  id="delivery-address-1"
+                  required="required"
+                />
               </p>
               <p>
                 <label for="delivery-address-2">Address Line 2</label>
@@ -73,15 +88,29 @@ <h2 class="checkout__title">Checkout</h2>
                   type="text"
                   name="delivery-address-postcode"
                   id="delivery-address-postcode"
+                  required="required"
+                  checked="checked"
+                  value="EH7 123"
                 />
               </p>
               <p>
                 <label for="delivery-address-city">City</label>
-                <input type="text" name="delivery-address-city" id="delivery-address-city" />
+                <input
+                  type="text"
+                  name="delivery-address-city"
+                  id="delivery-address-city"
+                  required="required"
+                />
               </p>
               <p>
                 <label for="delivery-country">Country</label>
-                <input type="text" name="delivery-country" id="delivery-country" />
+                <input
+                  type="text"
+                  name="delivery-country"
+                  id="delivery-country"
+                  value="United Kingdom"
+                  readonly="readonly"
+                />
               </p>
               <fieldset>
                 <legend>Delivery Options</legend>
diff --git a/week-3/29-combined-skills/about.html b/week-3/29-combined-skills/about.html
index dcac2574d..14ca7ce14 100644
--- a/week-3/29-combined-skills/about.html
+++ b/week-3/29-combined-skills/about.html
@@ -52,7 +52,7 @@ <h1 class="site-header__title">C.Y.F</h1>
       <main class="site-content">
         <article class="main-article">
           <h1>About C.Y.F</h1>
-          <p>
+          <p class="text1">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
             incididunt ut labore et dolore magna aliqua. Suspendisse sed nisi lacus sed viverra
             tellus in hac habitasse. Amet cursus sit amet dictum sit amet justo. Feugiat nibh sed
@@ -65,7 +65,7 @@ <h1>About C.Y.F</h1>
             fringilla phasellus faucibus scelerisque. Vulputate ut pharetra sit amet aliquam.
           </p>
 
-          <p>
+          <p class="text1">
             Mi quis hendrerit dolor magna eget est lorem. Porttitor massa id neque aliquam
             vestibulum morbi. Tortor at risus viverra adipiscing at in tellus integer feugiat. Enim
             ut tellus elementum sagittis vitae et leo duis. Vitae ultricies leo integer malesuada
@@ -76,7 +76,7 @@ <h1>About C.Y.F</h1>
             lobortis mattis aliquam faucibus purus in. Sollicitudin tempor id eu nisl nunc.
           </p>
 
-          <p>
+          <p class="text1">
             Ut morbi tincidunt augue interdum velit euismod. Aliquet sagittis id consectetur purus
             ut faucibus pulvinar elementum integer. Nulla facilisi nullam vehicula ipsum. Metus
             vulputate eu scelerisque felis imperdiet. At imperdiet dui accumsan sit amet nulla
@@ -91,7 +91,7 @@ <h1>About C.Y.F</h1>
             tortor.
           </p>
 
-          <p>
+          <p class="text1">
             Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Mattis rhoncus
             urna neque viverra justo. Nunc consequat interdum varius sit. In hendrerit gravida
             rutrum quisque non tellus. Porta nibh venenatis cras sed felis. Malesuada pellentesque
@@ -106,7 +106,7 @@ <h1>About C.Y.F</h1>
             condimentum vitae sapien.
           </p>
 
-          <p>
+          <p class="text1">
             Curabitur gravida arcu ac tortor dignissim convallis aenean. Sit amet purus gravida quis
             blandit turpis. Mattis nunc sed blandit libero volutpat. Mattis ullamcorper velit sed
             ullamcorper morbi. Urna et pharetra pharetra massa massa ultricies mi quis. Est lorem
@@ -120,7 +120,8 @@ <h1>About C.Y.F</h1>
       <footer>
         <p>
           <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
-          with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
+          with <span class="red">♥</span> for
+          <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
           <svg
diff --git a/week-3/29-combined-skills/contact.html b/week-3/29-combined-skills/contact.html
index 759726f7f..97a1d3d29 100644
--- a/week-3/29-combined-skills/contact.html
+++ b/week-3/29-combined-skills/contact.html
@@ -56,22 +56,47 @@ <h1>Contact Us</h1>
         <form method="GET" class="contact-form">
           <div class="contact-form__field">
             <label for="name">Name</label>
-            <input type="text" name="name" id="name" />
+            <input type="text" name="name" id="name" required="required" value="Nathan Wright" />
           </div>
           <div class="contact-form__field">
+            <label for="email">Email</label>
+            <input type="text" name="email" id="email" required="required" />
+          </div>
+
+          <div class="contact-form__field">
+            <label for="message">Message</label>
             <textarea
               name="message"
-              placeholder="Your message should not be longer than 200 words."
+              id="message"
+              required="required"
+              placeholder="I want to complain about the poor teaching I received"
             ></textarea>
           </div>
           <button type="submit">Send</button>
+
+          <fieldset>
+            <legend>What branch are you interested in?</legend>
+            <label>
+              <input type="radio" name="branch" value="lo" />
+              London
+            </label>
+            <label>
+              <input type="radio" name="branch" value="gl" />
+              Glasgow
+            </label>
+            <label>
+              <input type="radio" name="branch" value="ma" />
+              Manchester
+            </label>
+          </fieldset>
         </form>
       </main>
 
       <footer>
         <p>
           <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
-          with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
+          with <span class="red">♥ </span>for
+          <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
           <svg
diff --git a/week-3/29-combined-skills/index.html b/week-3/29-combined-skills/index.html
index c89c82215..6b914552c 100644
--- a/week-3/29-combined-skills/index.html
+++ b/week-3/29-combined-skills/index.html
@@ -11,9 +11,9 @@
 
   <body>
     <div class="site-wrapper">
-      <div class="site-header">
+      <header class="site-header">
         <h1 class="site-header__title">C.Y.F</h1>
-        <div class="main-nav">
+        <nav class="main-nav">
           <ul class="main-nav__list">
             <li class="main-nav__list-item">
               <a href="index.html">Latest</a>
@@ -25,7 +25,7 @@ <h1 class="site-header__title">C.Y.F</h1>
               <a href="contact.html">Contact</a>
             </li>
           </ul>
-        </div>
+        </nav>
         <form class="site-search" action="/search">
           <label for="search-input">
             Search
@@ -47,7 +47,7 @@ <h1 class="site-header__title">C.Y.F</h1>
           </svg>
           <button type="submit">Submit</button>
         </form>
-      </div>
+      </header>
 
       <main>
         <div class="hero">
@@ -67,7 +67,7 @@ <h2 class="views__title">View:</h2>
           <a class="views__all" href="#">View All</a>
         </div>
         <div class="items">
-          <div class="item">
+          <article class="item">
             <img class="item__image" src="/images/29-item-1.jpg" />
             <h2 class="item__title">
               Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
@@ -76,8 +76,8 @@ <h2 class="item__title">
             <p class="item__time">
               <time datetime="2019-02-03">February 2, 2019</time>
             </p>
-          </div>
-          <div class="item">
+          </article>
+          <article class="item">
             <img class="item__image" src="/images/29-item-2.jpg" />
             <h2 class="item__title">
               Sunt in culpa qui officia deserunt mollit anim
@@ -86,8 +86,8 @@ <h2 class="item__title">
             <p class="item__time">
               <time datetime="2019-01-27">January 27, 2019</time>
             </p>
-          </div>
-          <div class="item">
+          </article>
+          <article class="item">
             <img class="item__image" src="/images/29-item-3.jpg" />
             <h2 class="item__title">
               Voluptate velit esse cillum dolore eu fugiat nulla pariaturt
@@ -96,14 +96,15 @@ <h2 class="item__title">
             <p class="item__time">
               <time datetime="2019-01-19">January 19, 2019</time>
             </p>
-          </div>
+          </article>
         </div>
       </main>
 
       <footer>
         <p>
           <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
-          with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
+          with <span class="red">♥ </span>for
+          <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
           <svg
diff --git a/week-3/29-combined-skills/styles.css b/week-3/29-combined-skills/styles.css
index 43e80d23c..5ab2e2b16 100644
--- a/week-3/29-combined-skills/styles.css
+++ b/week-3/29-combined-skills/styles.css
@@ -1 +1,51 @@
 /* Add your own CSS code below */
+span.red {
+  color: #c85308;
+}
+fieldset {
+  display: flex;
+  flex-direction: column;
+}
+@media screen and (min-width: 992px) {
+  .hero__title {
+    font-size: 50px;
+  }
+}
+.main-nav__list {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+@media screen and (min-width: 767px) {
+  .site-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+@media screen and (min-width: 767px) {
+  .views {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+}
+@media screen and (min-width: 767px) {
+  .view-list__item {
+    margin-left: 10px;
+  }
+}
+@media screen and (min-width: 767px) {
+  a.views__all {
+    margin-left: auto;
+    justify-self: end;
+  }
+}
+.main-article {
+  max-width: 50em;
+  line-height: 2;
+  margin-left: auto;
+  margin-right: auto;
+}
