Skip to content

Commit

Permalink
Made changes suggested by Yisela
Browse files Browse the repository at this point in the history
@yisela, I changed this! It took a while for me to figure out, which means that most beginners would also have trouble figuring it out, haha. Thanks for noticing and helping Gatsby improve!!!
  • Loading branch information
shannonbux committed Feb 9, 2018
1 parent 0920856 commit 2b550c0
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions docs/tutorial/part-two/index.md
Expand Up @@ -322,6 +322,7 @@ While we won't cover CSS-in-JS in this initial tutorial, we encourage you to exp
as well as
[Mark Dalgleish's more recent post "A Unified Styling Language"](https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660).


### CSS Modules

Let's explore **CSS Modules**.
Expand Down Expand Up @@ -422,8 +423,8 @@ Paste the following into the file:
}
```

Now import that file into the `about-css-modules.js` page we created earlier.
Also log the resulting import so we can see what the processed file looks like.
Now import that file into the `about-css-modules.js` page we created earlier, by adding the following on lines 2 and 3.
(The `console.log(styles)` code logs the resulting import so we can see what the processed file looks like).

```javascript
import styles from "./about-css-modules.module.css";
Expand Down Expand Up @@ -453,6 +454,7 @@ Modify `about-css-modules.js` so it looks like the following:
```jsx{6-17,23-30}
import React from "react";
import styles from "./about-css-modules.module.css";
console.log(styles);
import Container from "../components/container";
Expand Down

0 comments on commit 2b550c0

Please sign in to comment.