Typo fixes from Carme

NateWr · NateWr · commit b5e75df7c46d · 2018-08-25T13:58:35.000+01:00
diff --git a/week-1/4-links-scripts/readme.md b/week-1/4-links-scripts/readme.md
@@ -8,7 +8,7 @@ Your colleagues have already written the .css and .js files. Complete the follow
 2. Add a `<script>` element that includes the `convertUrls.js` file in this exercise's directory. This should be placed at the end of the `<body>` element.
 3. When you are finished, use git to add, commit and push your changes.
 
-_Hint: When you are done, the messages should have the colors and layout like other exercises, and you should be able to click on the URLs ("http://") to go to them._
+_Hint: When you are done, the messages should have the colours and layout like other exercises, and you should be able to click on the URLs ("http://") to go to them._
 
 If you are having trouble, review the following information about including resources into an HTML page.
 
@@ -17,7 +17,7 @@ If you are having trouble, review the following information about including reso
 When building applications for the web, we separate content, presentation and behaviour.
 
 - **Content** is the raw material of the website. It may be an article, a message, a video, or a list of links.
-- **Presentation** is the way that material is displayed. It controls the colors, typography and layout of the content.
+- **Presentation** is the way that material is displayed. It controls the colours, typography and layout of the content.
 - **Behaviour** is anything that reacts to what the user does. When you type a message on Facebook and hit Send, the website is reacting to your behaviour.
 
 To keep our projects organised, we separate these concerns and store them in different files. The content is written in HTML code and saved in .html files. The presentation is written in CSS code and saved in .css files. The behaviour is written in JavaScript code and saved in .js files.
diff --git a/week-1/7-css-box/readme.md b/week-1/7-css-box/readme.md
@@ -9,6 +9,6 @@ You can modify the "box model" with the CSS properties `width`, `height`, `margi
 1. Find the `.number` rule in `styles.css`. Play around with the CSS properties in this rule to see how they work.
 2. Right now, each message has a large space to its right. Use one of the box model properties you have learned to modify the unread message so that it is positioned on the right, as shown in this screenshot:
 
-![Screenshot of expected positions of read nad unread messages](/images/7-position.png).
+![Screenshot of expected positions of read and unread messages](/images/7-position.png).
 
 _Try this: Add `* { border: 1px solid red; }` to your CSS code. It will show you the box model of every element._
