From 7c907e9710b9db42dab4642edd23552103bd25b1 Mon Sep 17 00:00:00 2001 From: Sebastian Schuster Date: Tue, 2 May 2017 16:00:11 -0700 Subject: [PATCH] fix formatting of ex 3. --- exercises/02_image/README.md | 2 +- exercises/03_basic_css/README.md | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/exercises/02_image/README.md b/exercises/02_image/README.md index 6d43421..1480a40 100644 --- a/exercises/02_image/README.md +++ b/exercises/02_image/README.md @@ -9,6 +9,6 @@ In this exercise, you will embed the two images in the `images` subdirectory (`c 2. Create another paragraph below the headline "Dogs" and embed `dog.jpg` at half size in this paragraph (width: 400px, height: 283px) -*NB*: In practice, *don't* use the `width` and `height` properties to resize images. Resize your images to the exact size for your experiment with the Preview app or some other image editing software (if you need multiple sizes, create multiple versions) and always include images of the right size. Resizing your images in the browser might lead to blurry images and if you use a larger version than needed, you are unnecessarily increasing the time to to load a page. (larger images have larger file sizes and need longer to be downloaded!) +**NB**: In practice, *don't* use the `width` and `height` properties to resize images. Resize your images to the exact size for your experiment with the Preview app or some other image editing software (if you need multiple sizes, create multiple versions) and always include images of the right size. Resizing your images in the browser might lead to blurry images and if you use a larger version than needed, you are unnecessarily increasing the time to to load a page. (larger images have larger file sizes and need longer to be downloaded!) *TODO*: put link to solution diff --git a/exercises/03_basic_css/README.md b/exercises/03_basic_css/README.md index 9646fe9..21bc1b4 100644 --- a/exercises/03_basic_css/README.md +++ b/exercises/03_basic_css/README.md @@ -16,10 +16,10 @@ See [this page](https://www.w3schools.com/cssref/css_selectors.asp) for more inf ## Steps 1. Include the stylesheet `css/main.css` into the HTML document. This should change all the fonts to Helvetica (or some other sans-serif font if you don't have Helvetica installed).
- (See information about the `link` tag](https://www.w3schools.com/tags/tag_link.asp)) + (See [information about the `link` tag](https://www.w3schools.com/tags/tag_link.asp)) 2. Change the color of all links (`a` elements) to `red`. You won't have to edit anything in the HTML; all of this can be done in the CSS stylesheet)
- (See information about the `color` CSS attribute](https://www.w3schools.com/cssref/pr_text_color.asp), and see [this page](https://www.w3schools.com/cssref/css_colors.asp) for a list of common colors) + (See [information about the `color` CSS attribute](https://www.w3schools.com/cssref/pr_text_color.asp), and see [this page](https://www.w3schools.com/cssref/css_colors.asp) for a list of common colors) 3. Change the [color](https://www.w3schools.com/cssref/pr_text_color.asp), the [background](https://www.w3schools.com/cssref/pr_background-color.asp) and the [font size](https://www.w3schools.com/cssref/pr_font_font-size.asp) of the first paragraph and the fifth paragraph. This will involve adding something to the CSS file as well as adding something to the HTML file (Hint: classes!). Feel free to change these properties to any values; I used a dark red for the text `#cc0000`, set the font size to `20px` and set the background to a light gray `#cccccc`.