diff --git a/group-project-revisions-faq b/group-project-revisions-faq
new file mode 160000
index 000000000..dd14ce860
--- /dev/null
+++ b/group-project-revisions-faq
@@ -0,0 +1 @@
+Subproject commit dd14ce8600f395933f78b5298c7ce30c192c0b69
diff --git a/week-1/1-parent-child/index.html b/week-1/1-parent-child/index.html
index 458a4cb21..3c8abf1bc 100644
--- a/week-1/1-parent-child/index.html
+++ b/week-1/1-parent-child/index.html
@@ -27,6 +27,7 @@
           <p class="message__content">
             I can meet on Tuesday and Wednesday after 4.
           </p>
+          <span class="message__time">7:15pm</span>
         </div>
       </div>
     </div>
diff --git a/week-1/2-html-attributes/index.html b/week-1/2-html-attributes/index.html
index 7c38cf137..41cef3054 100644
--- a/week-1/2-html-attributes/index.html
+++ b/week-1/2-html-attributes/index.html
@@ -23,15 +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<a href="ttps://goo.gl/maps/aza4h9nUBhnh"> iCafe</a> in Merchant City.
           </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" width="270" />
           </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 f0744ddaf..d8dab8804 100644
--- a/week-1/3-semantic-html/index.html
+++ b/week-1/3-semantic-html/index.html
@@ -11,34 +11,33 @@
   </head>
 
   <body>
-    <div class="site-wrapper">
+    <main role="main" class="site-wrapper">
       <div class="site-header">
-        <div class="site-header__title">Messages</div>
+        <header role="banner" class="site-header__title">Messages</header>
       </div>
       <div class="messages">
-        <div class="message">
+        <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">
+        </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
+            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">
+        </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>
+        </article>
       </div>
       <div id="result" class="result"></div>
-    </div>
+    </main>
     <script defer src="/js/3-result.js"></script>
   </body>
 </html>
diff --git a/week-1/4-links-scripts/index.html b/week-1/4-links-scripts/index.html
index b8f17e311..c432e158c 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" type="text/css" href="./css/missing-styles.css" />
   </head>
 
   <body>
@@ -20,20 +21,19 @@
         <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 Merchant City. https://goo.gl/maps/aza4h9nUBhn
           </p>
           <time class="message__time">7:35pm</time>
         </div>
         <div class="message">
           <div class="message__author">Won</div>
           <p class="message__content">
-            No, I prefer the one on Sauchiehall Street.
-            https://goo.gl/maps/wKDoARcHDp42
+            No, I prefer the one on Sauchiehall Street. https://goo.gl/maps/wKDoARcHDp42
           </p>
           <time class="message__time">7:38pm</time>
         </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..f28af6ff6 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: yellow;
+}
diff --git a/week-1/7-css-box/styles.css b/week-1/7-css-box/styles.css
index 695182f63..2f991f1de 100644
--- a/week-1/7-css-box/styles.css
+++ b/week-1/7-css-box/styles.css
@@ -7,3 +7,18 @@
   margin: 0.5em;
   background: #fff;
 }
+.pages {
+  margin-top: 15px;
+}
+
+.countries {
+  width: 433px;
+  height: 230px;
+  padding: 10px;
+  margin: 1px;
+}
+.country {
+  padding: 10px;
+  margin: 5px;
+  border: 2px solid blue;
+}
diff --git a/week-1/8-advanced-selectors/styles.css b/week-1/8-advanced-selectors/styles.css
index d35c3c371..d1663bc2f 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: 1px;
+}
+.site-footer p {
+  font-size: 12px;
+  text-align: center;
+}
+.message--unread {
+  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/10-media-queries/index.html b/week-2/10-media-queries/index.html
index a7061e200..162f9e014 100644
--- a/week-2/10-media-queries/index.html
+++ b/week-2/10-media-queries/index.html
@@ -6,7 +6,7 @@
     <title>10. Media Queries - HTML, CSS and Git Exercises</title>
     <link rel="stylesheet" href="/css/normalize.css" />
     <link rel="stylesheet" href="/css/week2-media-queries.css" />
-    <link rel="stylesheet" href="/week-2/9-media-queries/columns.css" />
+    <link rel="stylesheet" href="/week-2/10-media-queries/columns.css" />
   </head>
 
   <body>
diff --git a/week-2/11-flexbox/flexbox.css b/week-2/11-flexbox/flexbox.css
index 43e80d23c..9d0acd174 100644
--- a/week-2/11-flexbox/flexbox.css
+++ b/week-2/11-flexbox/flexbox.css
@@ -1 +1,9 @@
 /* Add your own CSS code below */
+.countries--first {
+  display: flex;
+  flex-direction: row-reverse;
+}
+.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..f9864c23e 100644
--- a/week-2/12-justify-content/flexbox.css
+++ b/week-2/12-justify-content/flexbox.css
@@ -7,3 +7,23 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.countries--second {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+.countries--third {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.countries--fourth {
+  display: flex;
+  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..70baac866 100644
--- a/week-2/13-align-items/flexbox.css
+++ b/week-2/13-align-items/flexbox.css
@@ -2,3 +2,23 @@
   display: flex;
 }
 /* Add your own CSS code below */
+.countries--first {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.countries--second {
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: flex-end;
+}
+.countries--third {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.countries--fourth {
+  display: flex;
+  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..22f135a1b 100644
--- a/week-2/14-order/flexbox.css
+++ b/week-2/14-order/flexbox.css
@@ -3,3 +3,66 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  display: flex;
+}
+
+.countries--first .country--croatia {
+  order: 1;
+}
+.countries--first .country--ethiopia {
+  order: 2;
+}
+.countries--first .country--brazil {
+  order: 5;
+}
+.countries--first .country--laos {
+  order: 3;
+}
+.countries--first .country--uganda {
+  order: 4;
+}
+
+.countries--second {
+  display: flex;
+}
+
+.countries--second .country--croatia {
+  order: 1;
+}
+
+.countries--second .country--ethiopia {
+  order: 2;
+}
+
+.countries--second .country--brazil {
+  order: 4;
+}
+
+.countries--second .country--laos {
+  order: 3;
+}
+
+.countries--second .country--uganda {
+  order: 5;
+}
+
+.countries--third .country--croatia {
+  order: 0;
+}
+
+.countries--third .country--ethiopia {
+  order: -1;
+}
+
+.countries--third .country--brazil {
+  order: 1;
+}
+
+.countries--third .country--laos {
+  order: -2;
+}
+
+.countries--third .country--uganda {
+  order: -3;
+}
diff --git a/week-2/15-align-self/flexbox.css b/week-2/15-align-self/flexbox.css
index ed621b793..b88e20117 100644
--- a/week-2/15-align-self/flexbox.css
+++ b/week-2/15-align-self/flexbox.css
@@ -3,3 +3,34 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  display: flex;
+}
+.countries--first .country--ethiopia {
+  align-self: flex-end;
+}
+
+.countries--second {
+  align-items: center;
+}
+.countries--second .country--ethiopia {
+  align-self: flex-end;
+}
+
+.countries--third {
+  align-items: flex-end;
+}
+.countries--third .country--brazil {
+  align-self: flex-start;
+}
+.countries--third .country--uganda {
+  align-self: flex-start;
+}
+.countries--fourth {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.countries--fourth .country--uganda {
+  align-self: center;
+}
diff --git a/week-2/16-more-flexbox/flexbox.css b/week-2/16-more-flexbox/flexbox.css
index ed621b793..60cdd8015 100644
--- a/week-2/16-more-flexbox/flexbox.css
+++ b/week-2/16-more-flexbox/flexbox.css
@@ -3,3 +3,49 @@
 }
 
 /* Add your own CSS code below */
+.countries--first {
+  justify-content: flex-end;
+  align-items: flex-end;
+}
+.countries--second {
+  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: flex-end;
+}
+.countries--third {
+  align-items: flex-end;
+}
+.countries--third .country--laos {
+  align-self: flex-start;
+}
+.countries--third .country--uganda {
+  align-self: flex-start;
+}
+.countries--third .country--ethiopia {
+  align-self: flex-start;
+}
+.countries--third .country--croatia {
+  align-self: flex-start;
+}
+.countries--fourth {
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+}
+.countries--fourth .country--ethiopia {
+  align-self: center;
+}
+.countries--fourth .country--laos {
+  align-self: center;
+}
+.countries--fifth {
+  flex-direction: column-reverse;
+  justify-content: space-around;
+  align-items: flex-end;
+}
+.countries--fifth .country--laos {
+  order: 1;
+}
+.countries--fifth .country--uganda {
+  align-self: center;
+}
diff --git a/week-2/18-git-merge/styles.css b/week-2/18-git-merge/styles.css
index 0051cdbaf..b0988b252 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: orange;
   font-weight: 700;
   text-decoration: none;
 }
diff --git a/week-3/19-search/index.html b/week-3/19-search/index.html
index d94ec98dd..972fd8d4a 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..daee7bd15 100644
--- a/week-3/20-labels/index.html
+++ b/week-3/20-labels/index.html
@@ -12,8 +12,8 @@
     <div class="site-wrapper">
       <main>
         <form method="GET" action="https://www.google.com/search">
-          <!-- Add a label here -->
-          <input type="text" name="q" />
+          <label for="search-input">Search on Google </label>
+          <input type="text" id="search-input" name="q" />
         </form>
       </main>
     </div>
diff --git a/week-3/21-buttons/index.html b/week-3/21-buttons/index.html
index ff87846df..6485787c3 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 -->
+          <input type="submit" name="submit" value="search" />
         </form>
       </main>
     </div>
diff --git a/week-3/22-checkout/index.html b/week-3/22-checkout/index.html
index b652002a3..c3b4004ea 100644
--- a/week-3/22-checkout/index.html
+++ b/week-3/22-checkout/index.html
@@ -1,53 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>22 - Checkout Form - HTML, CSS and Git Exercises</title>
-  <link rel="stylesheet" href="/css/normalize.css">
-  <link rel="stylesheet" href="/css/week3-forms.css">
-</head>
-
-<body>
-  <div class="site-wrapper">
-    <main>
-
-  		<div class="shopping-basket">
-  			<h1 class="shopping-basket__title">Your Shopping Basket</h2>
-  			<table class="shopping-basket__items">
-  				<tr>
-  					<th>Product</th>
-  					<th>Size</th>
-  					<th>Units</th>
-  					<th>Price</th>
-  				</tr>
-  				<tr>
-  					<td>
-              <div class="shopping-basket__product">
-    						<img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black"/>
-                <p>CodeYourFuture t-shirt, black</p>
-              </div>
-  					</td>
-  					<td>Medium</td>
-  					<td>1</td>
-  					<td>£10.00</td>
-  				</tr>
-  			</table>
-  		</div>
-
-  		<div class="checkout">
-  			<h2 class="checkout__title">Checkout</h2>
-        <form method="GET" id="checkout-form" class="checkout__form">
-
-          <!-- Add the form fields here -->
-
-          <button type="submit">Complete Purchase</button>
-        </form>
-  		</div>
-
-    </main>
-  </div>
-</body>
-
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>22 - Checkout Form - HTML, CSS and Git Exercises</title>
+    <link rel="stylesheet" href="/css/normalize.css" />
+    <link rel="stylesheet" href="/css/week3-forms.css" />
+  </head>
+
+  <body>
+    <div class="site-wrapper">
+      <main>
+        <div class="shopping-basket">
+          <h1 class="shopping-basket__title">Your Shopping Basket</h1>
+          <table class="shopping-basket__items">
+            <tr>
+              <th>Product</th>
+              <th>Size</th>
+              <th>Units</th>
+              <th>Price</th>
+            </tr>
+            <tr>
+              <td>
+                <div class="shopping-basket__product">
+                  <img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black" />
+                  <p>CodeYourFuture t-shirt, black</p>
+                </div>
+              </td>
+              <td>Medium</td>
+              <td>1</td>
+              <td>£10.00</td>
+            </tr>
+          </table>
+        </div>
+
+        <div class="checkout">
+          <h2 class="checkout__title">Checkout</h2>
+          <form method="GET" id="checkout-form" class="checkout__form">
+            <label for="customer-name">Name</label>
+            <input id="customer-name" type="text" name="customer-name" />
+            <br />
+
+            <label for="customer-email">Email</label>
+            <input id="customer-email" type="number" name="customer-email" />
+            <br />
+
+            <label for="customer-phone">Phone number</label>
+            <input id="customer-phone" type="number" name="customer-phone" />
+
+            <button type="submit">Complete Purchase</button>
+          </form>
+        </div>
+      </main>
+    </div>
+  </body>
 </html>
diff --git a/week-3/23-comments/index.html b/week-3/23-comments/index.html
index eea184d12..ff5ddc3cf 100644
--- a/week-3/23-comments/index.html
+++ b/week-3/23-comments/index.html
@@ -14,30 +14,26 @@
         <article>
           <h1>Our t-shirts are amazing!</h1>
           <p>
-            Lorem ipsum dolor sit amet, aliquam laoreet quaestio in eum, ea
-            tation dignissim vix. Ei nec audire vocibus corrumpit. Ut quo
-            facilisis adipiscing, malis sensibus abhorreant vel ei. Hinc
-            appareat dissentias pri at, impedit propriae ea eos. Modus feugait
-            te duo, sit noluisse salutatus maiestatis ea. Iisque volumus duo ex,
-            deleniti aliquando quo ne.
+            Lorem ipsum dolor sit amet, aliquam laoreet quaestio in eum, ea tation dignissim vix. Ei
+            nec audire vocibus corrumpit. Ut quo facilisis adipiscing, malis sensibus abhorreant vel
+            ei. Hinc appareat dissentias pri at, impedit propriae ea eos. Modus feugait te duo, sit
+            noluisse salutatus maiestatis ea. Iisque volumus duo ex, deleniti aliquando quo ne.
           </p>
           <p>
-            Eos nibh maiorum voluptatibus ea, an labitur phaedrum sed, vis justo
-            option intellegat ad. Vel ut ferri dolores. Ad hinc moderatius
-            scriptorem vim, utamur electram ad est, sed no dicit homero
-            dissentias. Usu qualisque concludaturque id, prodesset
-            concludaturque eu usu, ea est regione platonem. Et rebum
-            theophrastus per, dicta aliquam adipisci pri cu, ne quem justo mea.
+            Eos nibh maiorum voluptatibus ea, an labitur phaedrum sed, vis justo option intellegat
+            ad. Vel ut ferri dolores. Ad hinc moderatius scriptorem vim, utamur electram ad est, sed
+            no dicit homero dissentias. Usu qualisque concludaturque id, prodesset concludaturque eu
+            usu, ea est regione platonem. Et rebum theophrastus per, dicta aliquam adipisci pri cu,
+            ne quem justo mea.
           </p>
         </article>
 
         <div class="comments">
           <p>Add your comments and let us know what you think!</p>
 
-          <!-- Your comment form goes here -->
-          <form>
+          <form method="GET">
             <label>Add Your Message</label>
-            <textarea></textarea>
+            <textarea name="comment"></textarea>
             <button>Send Comment</button>
           </form>
         </div>
diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html
index e05cf8ade..a9a6c8af4 100644
--- a/week-3/24-dietary/index.html
+++ b/week-3/24-dietary/index.html
@@ -14,12 +14,26 @@
         <h1>CodeYourFuture Summit</h1>
 
         <p>
-          Let us know if you have any dietary requirements so that we can
-          provide you with the best, yummy food.
+          Let us know if you have any dietary requirements so that we can provide you with the best,
+          yummy food.
         </p>
 
         <form>
-          <!-- Your multiple choice goes here -->
+          <fieldset>
+            <legend>Please select all of your dietary requirements</legend>
+            <input type="checkbox" id="food1" />
+            <label for="food1">Halal</label>
+            <input type="checkbox" id="food2" />
+            <label for="food2">Kosher</label>
+            <input type="checkbox" id="food3" />
+            <label for="food3">Vegetarian</label>
+            <input type="checkbox" id="food4" />
+            <label for="food4">Vegan</label>
+            <input type="checkbox" id="food5" />
+            <label for="food5">Gluten free</label>
+          </fieldset>
+          <br />
+
           <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 bc71c6f48..4c7f31f90 100644
--- a/week-3/25-shirt-size/index.html
+++ b/week-3/25-shirt-size/index.html
@@ -1,58 +1,53 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>25 - T-Shirt Size - HTML, CSS and Git Exercises</title>
+    <link rel="stylesheet" href="/css/normalize.css" />
+    <link rel="stylesheet" href="/css/week3-forms.css" />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>25 - T-Shirt Size - HTML, CSS and Git Exercises</title>
-  <link rel="stylesheet" href="/css/normalize.css">
-  <link rel="stylesheet" href="/css/week3-forms.css">
-  <link rel="stylesheet" href="styles.css">
-</head>
-
-<body>
-  <div class="site-wrapper">
-    <main>
-
-  		<div class="shopping-basket">
-  			<h1 class="shopping-basket__title">Your Shopping Basket</h2>
-  			<table class="shopping-basket__items">
-  				<tr>
-  					<th>Product</th>
-  					<th>Size</th>
-  					<th>Units</th>
-  					<th>Price</th>
-  				</tr>
-  				<tr>
-  					<td>
-              <div class="shopping-basket__product">
-    						<img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black"/>
-                <p>CodeYourFuture t-shirt, black</p>
-              </div>
-  					</td>
-  					<td>
-              <!-- Medium -->
-              <form>
-                <label class="screenreader">Choose a size</label>
-                <select>
-                  <option>Small</option>
-                  <option selected>Medium</option>
-                  <option>Large</option>
-                </select>
-              </form>
-            </td>
-  					<td>
-              1
-            </td>
-  					<td>
-              £10.00
-            </td>
-  				</tr>
-  			</table>
-  		</div>
-
-    </main>
-  </div>
-</body>
-
+  <body>
+    <div class="site-wrapper">
+      <main>
+        <div class="shopping-basket">
+          <h1 class="shopping-basket__title">Your Shopping Basket</h1>
+          <table class="shopping-basket__items">
+            <tr>
+              <th>Product</th>
+              <th>Size</th>
+              <th>Units</th>
+              <th>Price</th>
+            </tr>
+            <tr>
+              <td>
+                <div class="shopping-basket__product">
+                  <img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black" />
+                  <p>CodeYourFuture t-shirt, black</p>
+                </div>
+              </td>
+              <td>
+                <form>
+                  <label class="screenreader">Choose a size</label>
+                  <select>
+                    <option>Small</option>
+                    <option selected>Medium</option>
+                    <option>Large</option>
+                  </select>
+                </form>
+              </td>
+              <td>
+                1
+              </td>
+              <td>
+                £10.00
+              </td>
+            </tr>
+          </table>
+        </div>
+      </main>
+    </div>
+  </body>
 </html>
diff --git a/week-3/25-shirt-size/styles.css b/week-3/25-shirt-size/styles.css
index 84204d2be..d2422d701 100644
--- a/week-3/25-shirt-size/styles.css
+++ b/week-3/25-shirt-size/styles.css
@@ -1,4 +1,5 @@
 /* Add your CSS below */
+
 .screenreader {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html
index 132fcac28..48dab94b4 100644
--- a/week-3/26-checkout-groups/index.html
+++ b/week-3/26-checkout-groups/index.html
@@ -39,8 +39,38 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h2>
   		<div class="checkout">
   			<h2 class="checkout__title">Checkout</h2>
         <form method="GET" id="checkout-form" class="checkout__form">
+<fieldset>
+	<legend>Billing Address</legend>
+	<label>
+		Address Line 1 <input type="text" name="address1-line-1"/>
+	</label>
+	<label>
+		Address Line 2 <input type="text" name="address1-line-2"/>
+	</label>
+	<label>
+		Postcode <input type="text" name="postcode1"/>
+	</label>
+	<label>
+		City <input type="text" name="city1">
+</label>
+</fieldset>
+<fieldset>
+<legend>Delivery Address</legend>
+<label>
+		Address Line 1 <input type="text" name="address2-line-1"/>
+	</label>
+	<label>
+		Address Line 2 <input type="text" name="address2-line-2"/>
+	</label>
+	<label>
+		Postcode <input type="text" name="postcode2"/>
+	</label>
+	<label>
+		City <input type="text" name="city2">
+</label>
 
-          <!-- Add the form fields here -->
+
+</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 d932db088..62101768c 100644
--- a/week-3/27-attributes/index.html
+++ b/week-3/27-attributes/index.html
@@ -1,102 +1,120 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>27 - Field Attributes - HTML, CSS and Git Exercises</title>
+    <link rel="stylesheet" href="/css/normalize.css" />
+    <link rel="stylesheet" href="/css/week3-forms.css" />
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>27 - Field Attributes - HTML, CSS and Git Exercises</title>
-  <link rel="stylesheet" href="/css/normalize.css">
-  <link rel="stylesheet" href="/css/week3-forms.css">
-</head>
+  <body>
+    <div class="site-wrapper">
+      <main>
+        <div class="shopping-basket">
+          <h1 class="shopping-basket__title">Your Shopping Basket</h1>
+          <table class="shopping-basket__items">
+            <tr>
+              <th>Product</th>
+              <th>Size</th>
+              <th>Units</th>
+              <th>Price</th>
+            </tr>
+            <tr>
+              <td>
+                <div class="shopping-basket__product">
+                  <img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black" />
+                  <p>CodeYourFuture t-shirt, black</p>
+                </div>
+              </td>
+              <td>Medium</td>
+              <td>1</td>
+              <td>£10.00</td>
+            </tr>
+          </table>
+        </div>
 
-<body>
-  <div class="site-wrapper">
-    <main>
-
-  		<div class="shopping-basket">
-  			<h1 class="shopping-basket__title">Your Shopping Basket</h2>
-  			<table class="shopping-basket__items">
-  				<tr>
-  					<th>Product</th>
-  					<th>Size</th>
-  					<th>Units</th>
-  					<th>Price</th>
-  				</tr>
-  				<tr>
-  					<td>
-              <div class="shopping-basket__product">
-    						<img src="/images/22/shirts.jpg" alt="CodeYourFuture t-shirts in black"/>
-                <p>CodeYourFuture t-shirt, black</p>
-              </div>
-  					</td>
-  					<td>Medium</td>
-  					<td>1</td>
-  					<td>£10.00</td>
-  				</tr>
-  			</table>
-  		</div>
-
-  		<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>
-            <p>
-              <label for="billing-address-1">Address Line 1</label>
-              <input type="text" name="billing-address-1" id="billing-address-1">
-            </p>
-            <p>
-              <label for="billing-address-2">Address Line 2</label>
-              <input type="text" name="billing-address-2" id="billing-address-2">
-            </p>
-            <p>
-              <label for="billing-postcode">Postcode</label>
-              <input type="text" name="billing-postcode" id="billing-postcode">
-            </p>
-            <p>
-              <label for="billing-city">City</label>
-              <input type="text" name="billing-city" id="billing-city">
-            </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">
-            </p>
-            <p>
-              <label for="delivery-address-2">Address Line 2</label>
-              <input type="text" name="delivery-address-2" id="delivery-address-2">
-            </p>
-            <p>
-              <label for="delivery-address-postcode">Postcode</label>
-              <input type="text" name="delivery-address-postcode" id="delivery-address-postcode">
-            </p>
-            <p>
-              <label for="delivery-address-city">City</label>
-              <input type="text" name="delivery-address-city" id="delivery-address-city">
-            </p>
-            <p>
-              <label for="delivery-country">Country</label>
-              <input type="text" name="delivery-country" id="delivery-country">
-            </p>
+        <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>Delivery Options</legend>
-              <label>
-                <input type="radio" name="delivery-option" id="delivery-option" value="standard">
-                Royal Mail
-              </label>
+              <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" required />
+              </p>
+              <p>
+                <label for="billing-address-2">Address Line 2</label>
+                <input type="text" name="billing-address-2" id="billing-address-2" />
+              </p>
+              <p>
+                <label for="billing-postcode">Postcode</label>
+                <input type="text" name="billing-postcode" id="billing-postcode" required />
+              </p>
+              <p>
+                <label for="billing-city">City</label>
+                <input type="text" name="billing-city" id="billing-city" 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" required />
+              </p>
+              <p>
+                <label for="delivery-address-2">Address Line 2</label>
+                <input type="text" name="delivery-address-2" id="delivery-address-2" />
+              </p>
+              <p>
+                <label for="delivery-address-postcode">Postcode</label>
+                <input
+                  type="text"
+                  name="delivery-address-postcode"
+                  id="delivery-address-postcode"
+                  required
+                />
+              </p>
+              <p>
+                <label for="delivery-address-city">City</label>
+                <input
+                  type="text"
+                  name="delivery-address-city"
+                  id="delivery-address-city"
+                  required
+                />
+              </p>
+              <p>
+                <label for="delivery-country">Country</label>
+                <input
+                  type="text"
+                  name="delivery-country"
+                  id="delivery-country"
+                  placeholder="United Kingdom"
+                  readonly
+                />
+              </p>
+              <fieldset>
+                <legend>Delivery Options</legend>
+                <label>
+                  <input
+                    type="radio"
+                    name="delivery-option"
+                    id="delivery-option"
+                    value="standard"
+                    checked
+                    disabled
+                  />
+                  Royal Mail
+                </label>
+              </fieldset>
             </fieldset>
-          </fieldset>
-
-          <button type="submit">Complete Purchase</button>
-        </form>
-  		</div>
-
-    </main>
-  </div>
-</body>
 
+            <button type="submit">Complete Purchase</button>
+          </form>
+        </div>
+      </main>
+    </div>
+  </body>
 </html>
diff --git a/week-3/28-git-conflict/styles.css b/week-3/28-git-conflict/styles.css
index af46a4f77..ec446843d 100644
--- a/week-3/28-git-conflict/styles.css
+++ b/week-3/28-git-conflict/styles.css
@@ -1,6 +1,6 @@
 /* Add your own CSS code below */
 .link {
-  color: orangered;
+  color: fuchsia;
   font-weight: 700;
   text-decoration: none;
 }
diff --git a/week-3/29-combined-skills/about.html b/week-3/29-combined-skills/about.html
index 9a42032d6..b10e1520f 100644
--- a/week-3/29-combined-skills/about.html
+++ b/week-3/29-combined-skills/about.html
@@ -11,7 +11,7 @@
 
   <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">
           <ul class="main-nav__list">
@@ -30,12 +30,7 @@ <h1 class="site-header__title">C.Y.F</h1>
           <label for="search-input">
             Search
           </label>
-          <input
-            id="search-input"
-            class="site-search__input"
-            type="text"
-            name="search"
-          />
+          <input id="search-input" class="site-search__input" type="text" name="search" />
           <svg
             aria-hidden="true"
             data-prefix="fas"
@@ -52,95 +47,79 @@ <h1 class="site-header__title">C.Y.F</h1>
           </svg>
           <button type="submit">Submit</button>
         </form>
-      </div>
+      </header>
 
       <main class="site-content">
         <article class="main-article">
           <h1>About C.Y.F</h1>
           <p>
-            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 pulvinar
-            proin gravida hendrerit lectus a. Consectetur libero id faucibus
-            nisl. Lectus quam id leo in vitae turpis massa. Ultricies tristique
-            nulla aliquet enim tortor at auctor urna. Bibendum neque egestas
-            congue quisque egestas diam. Egestas fringilla phasellus faucibus
-            scelerisque eleifend donec pretium. Non tellus orci ac auctor augue
-            mauris. In aliquam sem fringilla ut. Cras tincidunt lobortis feugiat
-            vivamus at augue. Posuere sollicitudin aliquam ultrices sagittis
-            orci a. Commodo sed egestas egestas fringilla phasellus faucibus
-            scelerisque. Vulputate ut pharetra sit amet aliquam.
+            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
+            pulvinar proin gravida hendrerit lectus a. Consectetur libero id faucibus nisl. Lectus
+            quam id leo in vitae turpis massa. Ultricies tristique nulla aliquet enim tortor at
+            auctor urna. Bibendum neque egestas congue quisque egestas diam. Egestas fringilla
+            phasellus faucibus scelerisque eleifend donec pretium. Non tellus orci ac auctor augue
+            mauris. In aliquam sem fringilla ut. Cras tincidunt lobortis feugiat vivamus at augue.
+            Posuere sollicitudin aliquam ultrices sagittis orci a. Commodo sed egestas egestas
+            fringilla phasellus faucibus scelerisque. Vulputate ut pharetra sit amet aliquam.
           </p>
 
           <p>
-            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 nunc vel
-            risus commodo viverra. Maecenas ultricies mi eget mauris pharetra et
-            ultrices neque. Facilisis sed odio morbi quis. Egestas erat
-            imperdiet sed euismod. Consequat interdum varius sit amet mattis
-            vulputate enim. Porttitor eget dolor morbi non arcu risus. Luctus
-            accumsan tortor posuere ac ut consequat semper. Eget felis eget nunc
-            lobortis mattis aliquam faucibus purus in. Sollicitudin tempor id eu
-            nisl nunc.
+            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
+            nunc vel risus commodo viverra. Maecenas ultricies mi eget mauris pharetra et ultrices
+            neque. Facilisis sed odio morbi quis. Egestas erat imperdiet sed euismod. Consequat
+            interdum varius sit amet mattis vulputate enim. Porttitor eget dolor morbi non arcu
+            risus. Luctus accumsan tortor posuere ac ut consequat semper. Eget felis eget nunc
+            lobortis mattis aliquam faucibus purus in. Sollicitudin tempor id eu nisl nunc.
           </p>
 
           <p>
-            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 facilisi morbi.
-            Gravida arcu ac tortor dignissim convallis. Leo duis ut diam quam
-            nulla porttitor massa. Posuere lorem ipsum dolor sit amet. Neque
-            ornare aenean euismod elementum nisi quis. In fermentum posuere urna
-            nec tincidunt praesent semper feugiat nibh. Orci ac auctor augue
-            mauris. Arcu ac tortor dignissim convallis aenean et tortor at
-            risus. Sed turpis tincidunt id aliquet risus feugiat in. Pharetra
-            diam sit amet nisl suscipit adipiscing. Aliquet eget sit amet tellus
-            cras adipiscing enim. Nulla pharetra diam sit amet. Eget mauris
-            pharetra et ultrices neque ornare. Volutpat maecenas volutpat
-            blandit aliquam etiam erat. Id volutpat lacus laoreet non curabitur
-            gravida arcu ac tortor.
+            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
+            facilisi morbi. Gravida arcu ac tortor dignissim convallis. Leo duis ut diam quam nulla
+            porttitor massa. Posuere lorem ipsum dolor sit amet. Neque ornare aenean euismod
+            elementum nisi quis. In fermentum posuere urna nec tincidunt praesent semper feugiat
+            nibh. Orci ac auctor augue mauris. Arcu ac tortor dignissim convallis aenean et tortor
+            at risus. Sed turpis tincidunt id aliquet risus feugiat in. Pharetra diam sit amet nisl
+            suscipit adipiscing. Aliquet eget sit amet tellus cras adipiscing enim. Nulla pharetra
+            diam sit amet. Eget mauris pharetra et ultrices neque ornare. Volutpat maecenas volutpat
+            blandit aliquam etiam erat. Id volutpat lacus laoreet non curabitur gravida arcu ac
+            tortor.
           </p>
 
           <p>
-            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 elit
-            eget gravida cum sociis natoque. A erat nam at lectus. Congue nisi
-            vitae suscipit tellus. Sed arcu non odio euismod lacinia at quis.
-            Molestie a iaculis at erat pellentesque adipiscing commodo.
-            Curabitur gravida arcu ac tortor dignissim convallis. Ut diam quam
-            nulla porttitor massa id neque. Ipsum faucibus vitae aliquet nec.
-            Gravida dictum fusce ut placerat orci nulla pellentesque dignissim
-            enim. Faucibus pulvinar elementum integer enim neque volutpat ac
-            tincidunt vitae. Id consectetur purus ut faucibus pulvinar elementum
-            integer enim neque. Facilisis magna etiam tempor orci eu lobortis
-            elementum nibh tellus. Ullamcorper a lacus vestibulum sed arcu non.
-            Venenatis a condimentum vitae sapien.
+            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
+            elit eget gravida cum sociis natoque. A erat nam at lectus. Congue nisi vitae suscipit
+            tellus. Sed arcu non odio euismod lacinia at quis. Molestie a iaculis at erat
+            pellentesque adipiscing commodo. Curabitur gravida arcu ac tortor dignissim convallis.
+            Ut diam quam nulla porttitor massa id neque. Ipsum faucibus vitae aliquet nec. Gravida
+            dictum fusce ut placerat orci nulla pellentesque dignissim enim. Faucibus pulvinar
+            elementum integer enim neque volutpat ac tincidunt vitae. Id consectetur purus ut
+            faucibus pulvinar elementum integer enim neque. Facilisis magna etiam tempor orci eu
+            lobortis elementum nibh tellus. Ullamcorper a lacus vestibulum sed arcu non. Venenatis a
+            condimentum vitae sapien.
           </p>
 
           <p>
-            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
-            ipsum dolor sit amet. Viverra aliquet eget sit amet. Nunc non
-            blandit massa enim. Volutpat consequat mauris nunc congue. Justo
-            donec enim diam vulputate. In nibh mauris cursus mattis molestie a
-            iaculis at erat. Tortor consequat id porta nibh.
+            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
+            ipsum dolor sit amet. Viverra aliquet eget sit amet. Nunc non blandit massa enim.
+            Volutpat consequat mauris nunc congue. Justo donec enim diam vulputate. In nibh mauris
+            cursus mattis molestie a iaculis at erat. Tortor consequat id porta nibh.
           </p>
         </article>
       </main>
 
       <footer>
         <p>
-          <a href="https://github.com/CodeYourFuture/html-css-git-exercises"
-            >Built</a
-          >
+          <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
           with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
@@ -158,8 +137,8 @@ <h1>About C.Y.F</h1>
               d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
             ></path>
           </svg>
-          icon by <a href="https://fontawesome.com/license">FontAwesome</a>.
-          Photos from <a href="https://unsplash.com/">Unsplash</a>.
+          icon by <a href="https://fontawesome.com/license">FontAwesome</a>. Photos from
+          <a href="https://unsplash.com/">Unsplash</a>.
         </p>
       </footer>
     </div>
diff --git a/week-3/29-combined-skills/contact.html b/week-3/29-combined-skills/contact.html
index 5e3e6a6b3..562719f9a 100644
--- a/week-3/29-combined-skills/contact.html
+++ b/week-3/29-combined-skills/contact.html
@@ -31,12 +31,7 @@
           <label for="search-input">
             Search
           </label>
-          <input
-            id="search-input"
-            class="site-search__input"
-            type="text"
-            name="search"
-          />
+          <input id="search-input" class="site-search__input" type="text" name="search" />
           <svg
             aria-hidden="true"
             data-prefix="fas"
@@ -61,13 +56,31 @@ <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 />
           </div>
+          <br />
+          <label> Email <input type="email" name="email-address" required /> </label>
+          <br />
+          <fieldset>
+            <legend>What branch are you interested in?</legend>
+            <label> <input type="radio" name="London" value="London" />London</label>
+            <br />
+            <br />
+            <label> <input type="radio" name="Glasgow" value="Glasgow" />Glasgow</label>
+            <br />
+            <br />
+            <label> <input type="radio" name="Manchester" value="Manchester" />Manchester</label>
+          </fieldset>
+          <br />
           <div class="contact-form__field">
-            <textarea
-              name="message"
-              placeholder="Your message should not be longer than 200 words."
-            ></textarea>
+            <label
+              >Message
+              <textarea
+                name="message"
+                placeholder="Your message should not be longer than 200 words."
+                required
+              ></textarea>
+            </label>
           </div>
           <button type="submit">Send</button>
         </form>
@@ -75,9 +88,7 @@ <h1>Contact Us</h1>
 
       <footer>
         <p>
-          <a href="https://github.com/CodeYourFuture/html-css-git-exercises"
-            >Built</a
-          >
+          <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
           with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
@@ -95,8 +106,8 @@ <h1>Contact Us</h1>
               d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
             ></path>
           </svg>
-          icon by <a href="https://fontawesome.com/license">FontAwesome</a>.
-          Photos from <a href="https://unsplash.com/">Unsplash</a>.
+          icon by <a href="https://fontawesome.com/license">FontAwesome</a>. Photos from
+          <a href="https://unsplash.com/">Unsplash</a>.
         </p>
       </footer>
     </div>
diff --git a/week-3/29-combined-skills/index.html b/week-3/29-combined-skills/index.html
index 332c9a626..9c8770a14 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,17 +25,12 @@ <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
           </label>
-          <input
-            id="search-input"
-            class="site-search__input"
-            type="text"
-            name="search"
-          />
+          <input id="search-input" class="site-search__input" type="text" name="search" />
           <svg
             aria-hidden="true"
             data-prefix="fas"
@@ -52,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">
@@ -75,8 +70,7 @@ <h2 class="views__title">View:</h2>
           <div 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
+              Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
             </h2>
             <p class="item__author">By <span>Aliquip Occaecat</span></p>
             <p class="item__time">
@@ -108,10 +102,9 @@ <h2 class="item__title">
 
       <footer>
         <p>
-          <a href="https://github.com/CodeYourFuture/html-css-git-exercises"
-            >Built</a
-          >
-          with ♥ for <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
+          <a href="https://github.com/CodeYourFuture/html-css-git-exercises">Built</a>
+          with<span class="red-heart"> ♥ </span> for
+          <a href="https://codeyourfuture.io/">CodeYourFuture</a>.
         </p>
         <p>
           <svg
@@ -128,8 +121,8 @@ <h2 class="item__title">
               d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
             ></path>
           </svg>
-          icon by <a href="https://fontawesome.com/license">FontAwesome</a>.
-          Photos from <a href="https://unsplash.com/">Unsplash</a>.
+          icon by <a href="https://fontawesome.com/license">FontAwesome</a>. Photos from
+          <a href="https://unsplash.com/">Unsplash</a>.
         </p>
       </footer>
     </div>
diff --git a/week-3/29-combined-skills/styles.css b/week-3/29-combined-skills/styles.css
index 43e80d23c..363587d80 100644
--- a/week-3/29-combined-skills/styles.css
+++ b/week-3/29-combined-skills/styles.css
@@ -1 +1,45 @@
 /* Add your own CSS code below */
+.red-heart {
+  color: #c85308;
+}
+@media screen and (min-width: 992px) {
+  .hero__title {
+    font-size: 50px;
+  }
+}
+.main-nav__list {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+}
+@media screen and (min-width: 767px) {
+  .site-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+  }
+}
+@media screen and (min-width: 767px) {
+  .views {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+  }
+}
+.view-list__item {
+  margin-left: 20px;
+}
+
+.views__all {
+  margin-left: auto;
+}
+.main-article p {
+  max-width: 50em;
+  line-height: 30px;
+}
+.main-article {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
