Skip to content

Commit 068633a

Browse files
authored
Merge pull request #1 from ruthmoog/ruthmoog-patch-1
Correcting minor typos, and grammar
2 parents 66bcbc0 + f03b2d2 commit 068633a

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

html/lesson5/tutorial.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,7 @@ You can set a background image to any element on your page. To do this you decla
218218

219219
`background: url(path/to/image)`
220220

221-
You can also set multiple background images, specify their dimension, position and attachment. To set multiple backgrounds, you simple need to specify them separating them by commas.
221+
You can also set multiple background images, specify their dimension, position and attachment. To set multiple backgrounds, you simply need to specify them, separated by commas.
222222

223223

224224
`background: url(path/to/image), url(path/to/other/image), ...`
@@ -238,6 +238,8 @@ background: url('background-right.jpg') right top no-repeat,
238238
url('background-left.jpg') left no-repeat;
239239
```
240240

241+
> Which element should this property be in?
242+
241243
By default, a background image repeats itself to fill in the container. We don't want that, that's where the **no-repeat** property we specified comes into place.
242244

243245
Now, let's set the dimensions.
@@ -329,7 +331,7 @@ p.about {
329331

330332
### What is an em
331333

332-
The name of an `em` stands for an ephemeral unit. It was originally used to describe that it was equal to the **M** character as it was commonly casted as the full-width of the square "block which are used in printing presses.
334+
The name of an `em` stands for an ephemeral unit. It was originally used to describe that it was equal to the **M** character as it was commonly casted as the full-width of the square "block" used in printing presses.
333335

334336
By using `em` instead of `px` to set the font-size, we are keeping it relative to the default font size. So 0.9em is 0.9 times the size that would have otherwise applied to that container.
335337

@@ -404,11 +406,9 @@ Let's make it look even better.
404406

405407
In this part we will apply a different style to every second child element of our list.
406408

407-
Thanks to the following great CSS selectors, this is quite simple to do.
408-
409-
`:nth-child(odd)` and `:nth-child(even)` to do that.
409+
This is simple thanks to the great CSS selectors `:nth-child(odd)` and `:nth-child(even)`.
410410

411-
In our case, we only want to change the style of every odd row. Achieving that is quite simple!
411+
In our case, we only want to change the style of every odd row.
412412

413413
```css
414414
.achievements li:nth-child(odd) {

0 commit comments

Comments
 (0)